/* CSS Document */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
body{
	border-top:none;
}
header{
	width:100%;
	height:657px;
	margin:0 auto;
	background-color:#FEC0CF;
	background-color:#D3E0E9;
	background-image:url("/_include/img/2019/backimg2019.jpg");
	background-position:center top;
}
#index_header{
	width:1070px;
	margin:0 auto;
}

.annilogo{
	position:relative;
	width:225px;
	height:243px;
	left:0px;
	padding-left:43px;
}
.threemanu{
	position:relative;
	width:520px;
	height:40px;
	left:50%;
	top:-152px;
	margin-left:-240px;
}
.threemanu img{
	margin-right:6px;
}
.attention{
	position:absolute;
	width:504px;
	height:22px;
	left:50%;
	top:30px;
	margin-left:-240px;
	border:2px solid #E10050;
	background-color:#FFFF99;
	color:#000;
	font-weight:normal;
	text-align:center;
	border-radius:8px;
	padding:5px 0px 3px 0;
	font-size:1.0em;
}
.attention_sp{
	display:none;
}
.attention a{
	color:#000;
}
.nowplay{
	position:relative;
	left:50%;
	top:-128px;
	width:380px;
	margin-left:-185px;
	height:48px;
	background-image:url("/_include/img/2015/nowplay1.png");
	background-repeat:no-repeat;
	background-position:left -10px;
}
.nowplay .if{
	margin-left:46px;
	width:220px;
	height:18px;
	overflow: hidden;
}

.sp_choice{
	display:none;
}
.pc_choice{
	display:block;
	width:400px;
	margin:8px auto;
}

/* now on Air */
.noa{
	position:relative;
	left:0px;
	top:-74px;
	width:364px;
	height:370px;
	padding:0 6px 0 6px;
	background-image:url("/_include/img/2019/noa_backimg_2019.png");
}
img.noa_kikikata{
	float:right;
	margin-top:-34px;
}
img.noa_apple{
	float:left;
	margin-top:-38px;
	margin-left:-30px;
}
img.noa_paper{
	float:left;
	margin-top:-16px;
	margin-left:-30px;
	margin-bottom:-8px;
}
img.noa_img{
	float:left;
	margin-top:45px;
	margin-left:-90px;
	border:2px solid #DFBD6B;
	
	margin-top:50px;
	margin-left:-90px;
	margin-bottom:5px;
}
.nowonair_title {
	color: #e5004f;
	color: #111111;
	padding-right:4px;
	font-size: 1.2em;
	font-weight: bold;
	border-top:1px dotted #EF858C;
	border-bottom:1px dotted #EF858C;
	overflow: hidden;
}
.nowonair_in{
	padding-top:10px;
}
.nowonair_next{
	clear:both;
	padding:24px 4px 0 4px;
	background-image:url("/_include/img/2016/now_next.png");
	background-repeat:no-repeat;
	background-position:4px 12px;
}
.nowonair_name {
	font-size: 0.9em;
	padding: 5px 0px 8px 0px;
	color:#B61B43;
	font-weight:bold;
}
.nowonair_time {
	font-weight: normal;
	padding: 0px 0px 3px 0px;
	color:#B61B43;
	font-size:1.2em;
}
.nowonair_nexttitle {
	color: #111111;
	font-size: 1.0em;
	font-weight: bold;
	border-top:1px dotted #EF858C;
	border-bottom:1px dotted #EF858C;
}
.nowonair_nexttime {
	margin-left:140px;
	color:#B61B43;
	margin-top:-5px;
	font-size:1.2em;
}
.nowonair_txt {
	clear:both;
	font-size:0.9em;
	width: ;
	background: rgba(255, 255, 255, 0.7);
	padding: 4px 0 2px 4px;
	margin: 3px auto 4px auto;
	max-height:104px;
	line-height:1.2;
	overflow: auto;
}
.noa_icon{
	clear:both;
	float:right;
}
.noa_icon img{
	background: rgba(238, 89, 110, 0.2);
	/*background: rgba(110, 89, 230, 0.2);*/
}
.noa_icon img.radico{
	background: rgba(255, 230, 230, 0.2);
}

.noa_imgbox{
	width:80px;
	height:80px;
	float:left;
	border:2px solid #DFBD6B;
	margin-top:38px;
	margin-left:-90px;
	margin-bottom:5px;
	overflow: hidden;
}
.noa_imgbox img{
	width:80px;
	height:80px;
}
.nowonair_img{
	margin-top:-22px;
}
/* Banner
-------------------------------------------*/
#pushup{
	height: 360px;
	overflow: hidden;
}

.pushup{
	position:relative;
	left:50%;
	top:-478px;
	width:360px;
	margin-left:-100px;
	height:360px;
}

.top_banner{
	position:relative;
	left:835px;
	top:-1060px;
	width:232px;
	height:640px;
}
.top_banner img{
	margin-bottom:8px;
}

#slider{
	height:280px;
	overflow: hidden;
}
#slider .bx-wrapper .bx-viewport {
}

/* Now playing
-------------------------------------------*/
.inline{
	width:246px;
	border:2px solid #333333;
	background-color:#ccc;
	float:right;
	padding:0;
	text-align:right;
	margin:0 0 8px 10px;
}
.inline_head{
	font-size:0.8em;
	font-weight:bold;
	background-color:#000000;
	color:#ffffff;
	padding:0px 0 0 40px;
	text-align:left;
}



/* center contents
-------------------------------------------*/

#index_list{
	width:1070px;
	margin:0 auto;
	margin-top:16px;
	height:940px;
	/*height:1060px;*/
	border-top:#eeeeee 0px solid;
}

.index_lista{
	float:left;
	width:280px;
	height:848px;
	background-color:#ffffff;
	margin-right:10px;
	border:15px solid #B61B43;
	border-top:45px solid #B61B43;
	padding:6px;
}

.index_listb{
	float:left;
	width:370px;
	height:840px;
	background-color:#ffffff;
	border:15px solid #B61B43;
	border-top:45px solid #B61B43;
	padding:10px;
	margin-right:10px;
}

.index_listc{
	float:left;
	width:248px;
	height:840px;
	background-color:#ffffff;
	border:15px solid #B61B43;
	border-top:45px solid #B61B43;
	padding:10px;
}

.index_lista_img{margin-top:-90px;}
.index_listb_img{margin-top:-105px;}
.index_listc_img{margin-top:-120px;}
.index_listb2_img{position:relative;top:806px;}

.top_banner_sp{
	display:none;
}
/*blog
-------------------------------------------*/
ul.bg_bnrstick{
	margin-top:-20px;
}
.bg_bnrstick li{
	border-bottom:1px #ccc dotted;
	margin-bottom:8px;
	background:#ffffff;
	padding:3px;
	line-height:1.1;
	min-height:44px;
}
.bg_bnrstick li a{
	display:block;
	text-decoration: none;
}
.bg_bnrstick li a:hover {
	display:block;
	background:#efefef;
}
.bg_bnrstick li img{
	float:left;
	margin-right:4px;
	margin-top:2px;
}

.bg_bnrstick li.rep{
	background-color:#E3FFDD;
}
.bg_bnrstick li.pro{
	background-color:#EFE8FF;
}
.bg_bnrstick li.ana{
	background-color:#FFF5F4;
}
.ft{font-weight:normal;}
.fg{color:#999999;font-size:0.8em;}
.fn{color:#444;font-size:0.9em;}


/*pickup
-------------------------------------------*/
.topics{
	/*text-align: justify;*/
	padding:5px 0 5px 0;
}

.page_banner{
	display:none;
}
/*.topics li{
	border-bottom:1px #ccc dotted;
	margin-bottom:16px;
	line-height: 1.1;
}*/
.topics li{
    border: 1px #006666 solid;
    margin-bottom: 6px;
    line-height: 1.1;
    padding: 4px;
    border-radius: 4px;
    background-image:url('/_include/img/pickup_bg.jpg');
}

.topics li a{
	display:block;
	text-decoration: none;
}
.topics li a:hover {
	background:#dddddd;
}
.topics_title{
	color:#000000;
	font-size:1em;
	font-weight:bold;
}
.topics_date{
	font-size:0.9em;
	color: #3366CC;
}
.topics_body{
	font-size:0.8em;
	color: #333333;
	
}

.topicimg{
	width:60px;
	height:auto;
}
/* checkit
-------------------------------------------*/
.checkit{
	
}
.checkit li{
	padding:8px 0 8px 14px;
	border-bottom:1px #333 dotted;
	font-size:0.9em;
}
.checkit li:nth-child(even) {
    background:#FFEEFF;
    background-image:url("/_include/img/2015/tri_h.png");
	background-repeat:no-repeat;
	background-position:left center;
}
.checkit li:nth-child(odd) {
    background:#FBE6FF;
    background-image:url("/_include/img/2015/tri_m.png");
	background-repeat:no-repeat;
	background-position:left center;
}
.checkit li a {
	display:block;
	text-decoration:none;
}
.checkit li a:hover{
	background:#ffffff;
} 



/* twitter
-------------------------------------------*/
#twitterfeed{
	height:400px;
	overflow : auto;
	margin-bottom:20px;
}
#twitterfeed li{
	font-size:0.8em;
	border-bottom:1px solid #dedede;
	margin-bottom:3px;
	padding:3px;
	line-height: 1.2;
}
#twitterfeed li img{
	width:34px;
	padding:2px;
	margin-right:3px;
	border:1px solid #aaa;
}

#twitterfeed li img.sptweetimg{
	width:70%;
	padding:2px;
	margin 0 auto;
	border:none;
}
/* weather
-------------------------------------------*/
.weather{
	margin:0px 0px 10px 0;
	padding:10px 0px 10px 0px;
}
.weather p{
	margin-top:10px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:0.7em;
}
.weather td,th{
	font-weight:normal;
	border:0px solid #ddd;
	background-color:#ffffff;
}

td.weather_title{
	background-color:#B61B43;
	color:#ffffff;
}

table.weather_percent2{
	font-size:0.7em;
}


/* banner area
-------------------------------------------*/
#banner_area{
	background-color:#ffffff;
	padding-top:20px;
	border-top:#eeeeee 1px solid;
	background-image:url("/_include/img/2015/banner_bg.jpg");
	background-position:center top;
}

#bnr_area {
	width: 1070px;
	padding: 10px auto 20px auto;
	margin: 0px auto 0px auto;
}
#bnr_area_s img{
	margin-bottom: 10px;
	margin-right: 10px;
	box-shadow: 1px 3px 3px #aaa;
}
#bnr_area_m{
	width:570px;
	float:right;
	text-align:center;
}
#bnr_area_l{
	width:260px; 
	float:left;
	text-align:center;
}
#bnr_area_s{
	text-align:center;
}



@media only screen and (min-width:741px) and (max-width:979px) {

}

@media only screen and (max-width: 740px) {
header{
	width:100%;
	height:auto;
	background-position:50% top;
}
#index_header{
	width:100%;
}
.top_banner{
	display:none;
}

.annilogo{
	position:relative;
	float:left;
	width:45%;
	height:auto;
	margin:0 auto;
	left:0;
	padding-left:0;
}
.annilogo img{
	width:100%;
	max-width:200px;
}
.threemanu{
	padding-top:30px;
	position:relative;
	width:170px;
	float:right;
	height:auto;
	left:0;
	top:0;
	margin-left:0px;
}
.threemanu img{
	margin-bottom:12px;
}
.attention{
	display:none;
	position:relative;
	width:200px;
	margin-right:5px;
	height:20px;
	font-size:1em;
	float:right;
	top:180px;
	padding:2px 0 0px 0;
}
.attention_sp{
	display:block;
	border:2px solid #E10050;
	background-color:#FFFF99;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:2px 0px 0px 0;
	font-size:1.0em;
}
.blogbar{
display:none;
}
.nowplay{
	clear:both;
	position:relative;
	left:0;
	top:0;
	width:100%;
	margin:0 auto;
	max-width:380px;
	height:48px;
	margin-bottom:40px;
	background-image:url("/_include/img/2015/nowplay1.png");
	background-repeat:no-repeat;
	background-position:left 10px;
	padding-top:20px;
}
.nowplay .if{
	width:50%;
}
.noa{
	position:relative;
	left:0;
	top:0;
	margin:0 auto;
	height:auto;
	width:95%;
	max-width:370px;
	padding-bottom:8px;
	margin-bottom:8px;
	
	
}


.noa_icon{
	width:100%;
	clear:both;
	text-align:right;
}
.noa_icon img{
	
}
img.noa_apple{
	margin-left:-20px;
}
.nowonair_next{
	clear:both;
	margin-top:10px;
}

.sp_choice{
	display:block;
	width:368px;
	max-width: width 100%;
	margin:20px auto;
}
.pc_choice{
	display:none;
}
.pushup{
	position:relative;
	left:0;
	top:0;
	width:80%;
	max-width:360px;
	margin-left:0px;
	height:80%;
	margin:0 auto;
}

#index_list{
	width:100%;
	height:auto;
	padding-top:20px;
	overflow: hidden;
	border:none;
}

.index_lista{
	float:left;
	width:85%;height:auto;
	margin-right:0px;
}

.index_listb{
	margin-top:20px;
	float:left;
	width:85%;height:auto;
	margin-right:0px;
}

.index_listc{
	margin-top:20px;
	float:left;
	width:90%;height:auto;
	padding:0px;
}
.index_listb2_img,img.blogbar{
	display:none;
}
.top_banner_sp{
	display:block;
	margin:0 auto;
	text-align:center;
}
.top_banner_sp img{
	margin-top:8px;
}
ul.bg_bnrstick{
	margin-top:0;
}
#slider{
	display:none;
}
#banner_area{
clear:both;
}

/* old
-------------------------------------------*/

/* banner area
-------------------------------------------*/
#bnr_area {
	width: 100%;
	overflow:hidden;
}
#bnr_area_s{
	width:100%;
}
#bnr_area_m{
	width:100%;
}
#bnr_area_m img{
	padding-right:0px;
}
#bnr_area_l{
	width:100%;
	
}
#bnr_area_l img{
	max-width:100%;
	
}
.pc{
	display:none;
}

}
@media only screen and (min-width:480px) and (max-width: 740px) {
	header{
		background-position:40% top;
	}
	.annilogo{
		position:relative;
		float:left;
		width:200px;
		height:auto;
		margin:0 auto;
		left:0;
		padding-left:0;
	}
	.annilogo img{
		width:100%;
		max-width:200px;
	}
	.threemanu{
		padding-top:90px;
		position:relative;
		width:55%;
		float:right;
		height:auto;
		left:0;
		top:0;
		margin-left:0px;
	}
	img.noa_apple{
		margin-left:-30px;
	}
}

@media only screen and (max-width: 360px) {
	img.radico{
		width:;
	}
	img.page, img.mail{
		width:25%;
	}
}

@media only screen and (max-width: 320px) {
	img.radico{
		width:40%;
	}
}