@charset "utf-8";
@import "/shared/css/reset.css";
@import "/shared/css/common_publish.css";
@import "/shared/css/header.css";
@import "/shared/css/footer.css";
@import "/shared/css/colorbox.css";
/*------------------------------------------------------------
CSS Information
 Site URL:     http://www.tfm.co.jp/
 File name:    blog.css (http://www.tfm.co.jp/blog/css/blog.css)
 Summary:      blog styles
 Created:      2010-02-02
 Last update:  2019-01-07
 Copyright:    (c) 2010 TOKYO FM Broadcasting Co., Ltd. All rights reserved.
-------------------------------------------------------------*/

/*---------------
 __main
----------------*/
#blog {
	line-height: 140%;
}
#main h1 {
	background-image: url(../img/title_social.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
	width: 755px;
	text-indent: -9999px;
	margin-bottom: 20px;
}
div.pageNav{
	margin:0 auto;
	text-align:center;
}
div.pageNav ul{

}
div.pageNav li{
	width:140px;
	display: inline-block;
	margin:0 1px 0 1px;
	text-align:center;
}
div.pageNav li a{
	display:block;
	padding:6px 0;
	border-radius:20px;
	background:#000;
	color:#fff;
}
div.pageNav li a:hover{
	display:block;
	padding:6px 0;
	border-radius:20px;
	background:#e60079;
	color:#fff;
	text-decoration:none;
}
div#listBox h2{
	width: 100%;
	margin:20px 0 15px 0;
	padding:5px 0px 5px 10px;
	border:0px solid #ccc;
	background:#666;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

div#listBox h2#nav02{
	margin-top: 0px;
}

.socialwordBox {
	/* width: 755px; */
	margin: 10px 0 0 0 ;
	padding: 5px 0 0px 0;
	border-top: 0px solid #eee;
	border-bottom: 0px solid #eee;
}
.socialwordBox li {
	list-style: none;
	padding: 3px 0 0 10px;
	background-image: url(../img/arrow2.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*------ 201901renewal ------*/
div#listBox {
	display: flex;
	flex-flow: wrap;
	width: 755px;
}

div.tfmOfficial{
	width: 751px;
	margin:0 5px 30px 5px;
	padding:15px 15px 15px 15px;
	border:1px solid #ccc;
	background:#f6f6f6;
}
div.tfmProgram{
	display: block;
	width:333px;
	height: auto;
	margin:0 5px 12px 5px;
	padding:15px 15px 10px 15px;
	border:1px solid #ccc;
	background:#f6f6f6;
	vertical-align:top;
}
div.snsBox h3{
	float:left;
	width:76px;
}
div.snsBox h3 img{
	width:74px;
	border:1px solid #ccc;
}
div.tfmOfficial div.snsBoxR{
	float: right;
	width:621px;
}
div.tfmProgram div.snsBoxR{
	float: right;
	width:244px;
}
div.snsBox dt{
	margin:3px 0 10px 0;
	font-size:116.6%;
	font-weight:bold;
}
div.snsBox dt a{
	color:#000;
}
div.snsBox dt a:hover{
	color:#048;
}
div.snsBox dd span{
	font-size:80%;
}
ul.listIcon{
	margin:15px 0 0 -5px;
}
ul.listIcon li{
	display:inline-table;
	margin:0 0px 10px 5px;
}
ul.listIcon li.disB{
	display: block;
	margin:0 0px 10px 5px;
}

ul.listIcon li img{
	width:40px;
}
ul.listIcon li.app img{
	width:auto;
	height:40px;
}
ul.listIcon li.appGp img{
	width:auto;
	height:59px;
	margin:-10px;
}
ul.listIcon li span{
	display:block;
	margin:4px 0 0 0;
	font-size:70%;
}
div.snsBoxR p{
	font-size:80%;
}

.socialwordBox {
	width: 100%;
}