/*トップ*/

body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#programContents .programTop1{
	background: #FFB400;
	width:100%;
	height:36px;
	margin:0 0 0 0;
	padding:0;
}

#programContents .programTop1 .title{
	background:url("../img_sp/week_time.gif") no-repeat;
	width:69%;
	height:27px;
	margin:12px 0 0 8px;
	position:absolute;
	background-size: contain;
}


#programContents .programTop1 .jwave a{
	background:url("../img_sp/j_logo.gif") no-repeat;
	width:22%;
	height:27px;
	margin:8px 0 0 286px;
	position:absolute;
	background-size: contain;
	right: 2vw;
}

#programContents .programTop1 .jwave a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/*sns未使用

#programContents .programTop .sns{
	margin: 346px 0 0 163px !important;
	position:absolute;
}
*/

/*タイトル*/

#programContents .programTop2{
	background:url(../img_sp/program_title2.gif) no-repeat;
	width:100%;
	height:37%;
	margin:0 0 0 0;
	padding:0;
	background-size: contain;
}/*
#programContents .programTop2 .navi{
	background:url(../img_sp/navi.png) no-repeat;
	width:308px;
	height:259px;
	margin:1px 0 0 332px;
	padding:0;
	position:absolute;
}
*/

#programContents .programTop2 .navi{
	background:url(../img_sp/navi_2401.png) no-repeat;
	width:100%;
	margin:1px 0 0 0;
	padding-top:37%;
	position: relative;
	background-size: contain;
	background-position: center right;
}

#programContents .programTop2 .navi_link1{
	width:110px;
	height:140px;
	margin:-140px 0 0 210px;
	padding:0;
	position:absolute;
}

#programContents .programTop2 .navi_link2{
	width:68px;
	height:140px;
	margin:-140px 0 0 320px;
	padding:0;
	position:absolute;
}

/*メニュー*/

#programContents .programTop3{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	z-index:100;
	position:relative;
}

#programContents .programTop3 ol ,ul{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}

#programContents .programTop3 .heder_main_title{
	padding:0;
	margin-bottom:5px;
}


/*アコーディオン*/

#programContents .programTop3 section_sp h5{
	background: #82E14A;
	width:100%;
	height:40px;
    padding:0;
    cursor: pointer;
	font-size:21px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#programContents .programTop3 section_sp h5 .menu{
	 	background:url("../img_sp/menu.gif") no-repeat;
	width:80px;
	height:42px;
	margin:9px 0 0 40vw;
	position:absolute;
	background-size: contain;
 }

#programContents .programTop3 section_sp h5 .menu_btn{ 
 	background:url("../img_sp/menu_btn.gif") no-repeat;
	width:31px;
	height:44px;
	margin:8px 0 0 0;
	padding:0;
    position: absolute;
	background-size: contain;
	right:2vw;
 }
 
#programContents .programTop3 section_sp li {
	width:100%;
	background-color:#000000;	
    border-bottom: solid 1px #EBEBEB;
    padding: 14px 0;
    	text-align:center;
	font-size:16px;
	color:#fff;
}
 
#programContents .programTop3 section_sp li a{
	text-decoration:none;
    position: relative;
    display: block;
	color:#fff;
}

#programContents .programTop3 section_sp li a:hover{
	background-color:#000000;
	color:#fff;
	font-weight:bold;
}


#programContents .programTop3 section_sp li a:visited{
	background-color:#000000;
	color:#fff;
}


#programContents  .blank_area{
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
}
#programContents  .instaMovie{
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
}

#programContents  .instaMovie img{
	width:100%;
}

#programContents  .instaMovie iframe{
	width:100%;
	height:auto;
}


#programContents  .blank_area2{
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
}

#programContents  .onair{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

#programContents  .onair .date{
	margin:27px 0 0 16px;
	padding:0;
	position:absolute;
	z-index:-100;
}

#programContents  .onair .date img{
	width:58%;
}

#programContents  .onair .topics{
	width:100%;
	height:auto;
	margin:28px 0 0 16px;
	padding:0;
	position:absolute;
	z-index:-101;
}

#programContents  .onair .message{
	background:#FF3F9D url(../img_sp/message.png) no-repeat;
	width:100px;
	height:100px;
	margin:0;
	padding:0;
	display:block;
	background-size: contain;
	float:right;
}

/*トピックス*/

#programContents .topics{
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	z-index:-103;
}

#programContents .topics .title{
	background: #FFB600 url(../img_sp/topics_title.gif) no-repeat;
	width:100%;
	height:37px;
	margin:0 0 10px 0;
	padding:0;
	z-index:-104;
	background-size: contain;
}

#programContents .topics .title .img{
	/*background:url(../img_sp/topics_title.gif) no-repeat;*/
	width:165px;
	height:53px;
	margin:10px 0 0 18px;
	padding:0;
	position:absolute;
	z-index:0;
	background-size: contain;
}

#programContents .topics .text_message{
	width:96%;
	font-size:16px;
	color:#000;
	margin:0 auto 18px;
	line-height:1.5em;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

#programContents .topics .text_message .pink{
	font-size:18px;
	color:#FF399D;
	font-weight:bold;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

#programContents .topics .text_message .detail{
	font-size:16px;
	color:#333;
	line-height:1.3em;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}


#programContents .topics .time{
	width:20%;
	font-size:12px;
	color:#000;
	font-weight:bold;
	margin: 0 0 10px 18px;
	line-height:1.25em;
	float:left;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

#programContents .topics .text{
	width:72%;
	font-size:12px;
	color:#000;
	margin:0 0 10px 10px;
	line-height:1.25em;
	float:left;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

#programContents .topics .text2{
	font-size:12px;
	color:#444;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

/*本日のメニューここから*/

#programContents  #contents {
	margin: 0 0 0 0;
}

#programContents  #contents ul#menu {
    margin:0;
    list-style: none;
    display: inline-block;
}

#programContents  #contents ul#menu li {
	padding: 0;
	margin: 0;
	display:inline-block;
}


#programContents  #contents ul#menu li img {
	width: 100%;
	height:auto;
	padding: 0;
	margin: 0;
}

/*sns*/
#programContents  .sns_area{
	width:100%;
	height:auto;
	margin:0;
	padding:5px 0;
	/*グリーン
	background:#77E700;
	*/
	/*オレンジ*/
	background:#FFB600;
	
	/*ピンク
	background:#FF3F9D;*/
	
}

#programContents  .sns_area .sns_common{
	margin: 16px auto 0 !important;
	text-align: center;
}

#programContents  .sns_area .instagram{
	background:url(../img_sp/instagram_icon.png) no-repeat;
	width:133px;
	height:62px;
	margin: 10px auto 0;
	background-size: contain;
}

#programContents  .comment_area{
	width:96%;
	margin:10px auto;
}

.comment_txt {
	font-size:12px;
	width: 94%;
	margin: 0 auto;
}

.comment_txt a{
	color:#000;
}

/*footer*/

#programContents  .footer{
	background:#000;
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	overflow: hidden; /* heightを戻す */
	border-top:1px dotted #cccccc;
}

#programContents  .footer .bth_btn{
	background:url(../img_sp/home.gif) no-repeat;
	width:60px;
	height:43px;
	margin:10px 0 0 12px;
	padding:0;
	float:left;
	background-size: contain;
}

#programContents  .footer .jwaveLogo{
	background:url(../img_sp/logo_jwave.gif) no-repeat;
	width:157px;
	height:37px;
	margin:12px 10px 0 10px;
	padding:0;
	display:block;
	float:left;
	background-size: contain;
}


#programContents  .footer .j_copyright{
	background: url(../img_sp/copyright.gif) no-repeat;
	width: 60%;
	height: 17px;
	margin: 20px 0 20px 50px;
	position: absolute;
	background-size: contain;
}