@charset "utf-8";

/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/--------------------------------------------------------------------*/


/**********************************************************************
	基本設定
**********************************************************************/

html,body{
	min-width: 100%;
	min-height: 100%;
}

.wrapper{
 color:#111;
 font:13px/1.3 Lato, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
 *font-size:small;
 *font:x-small;
 position:relative;
}



/**********************************************************************
	サイト共通設定
**********************************************************************/

.wrapper .hidetext {
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}
.wrapper .w100 {
	width:100%;
}

.wrapper a, .wrapper div, .wrapper span, .wrapper object, .wrapper iframe, 
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, 
.wrapper p, .wrapper blockquote, .wrapper pre, .wrapper abbr, .wrapper address, 
.wrapper cite, .wrapper code, .wrapper del, .wrapper dfn, .wrapper em, .wrapper img, 
.wrapper q, .wrapper samp, .wrapper .wrapper strong, .wrapper sub, .wrapper sup, 
.wrapper var, .wrapper b, .wrapper i, .wrapper dl, .wrapper dt, .wrapper dd, 
.wrapper ol, .wrapper ul, .wrapper li, .wrapper fieldset, .wrapper form, 
.wrapper label, .wrapper legend, .wrapper table, .wrapper caption, .wrapper tbody, 
.wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td, .wrapper article, 
.wrapper aside, .wrapper canvas, .wrapper details, .wrapper figcaption, .wrapper figure, 
.wrapper footer, .wrapper header, .wrapper hgroup, .wrapper menu, .wrapper nav, .wrapper section, 
.wrapper summary, .wrapper time, .wrapper mark, .wrapper audio, .wrapper video, .wrapper input{ 
	box-sizing:border-box;
}



/**********************************************************************
	サイト内共通メニュー
**********************************************************************/

/* レイアウト系共通設定
---------------------------------------------------------------------*/
.wrapper .mt5 { margin-top: 0.75% !important; }
.wrapper .mt10 { margin-top: 1.5% !important; }
.wrapper .mt20 { margin-top: 3% !important; }
.wrapper .mt40 { margin-top: 6% !important; }
.wrapper .mt80 { margin-top: 12% !important; }
.wrapper .mb5 { margin-bottom: 1.5% !important; }
.wrapper .mb10 { margin-bottom: 3% !important; }
.wrapper .mb20 { margin-bottom: 6% !important; }
.wrapper .mb40 { margin-bottom: 12% !important; }
.wrapper .mb80 { margin-bottom: 18% !important; }
.wrapper .lr_p20 { padding: 0 3%; }
.wrapper .p20 { padding: 3%; }

.wrapper .common640Box{
	max-width: 640px;
	margin: 0 auto;
	overflow:hidden;
	position: relative;
	position: relative;
	z-index: 1;
}

.border_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 1px #eee;
	box-sizing: border-box;
	z-index: 0;
	background: #fff;
}




/**********************************************************************
	テキスト
**********************************************************************/

.wrapper .left { text-align:left; }
.wrapper .right { text-align:right; }
.wrapper .center { text-align:center; }
.wrapper .small{font-size:90%;}


/**********************************************************************
	Index
**********************************************************************/

.wrapper a{
	text-decoration: none;
	color: #111;
}

.wrapper header{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 12px 0 12px 12px;
}


.wrapper .yomu_newsList{
    border-top: 1px solid #eee;
    width: 100%;
    padding: 10px 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

.wrapper .yomu_newsList:after {
  content: ""; 
  display: block; 
  clear: both;
}


.wrapper section{
	padding: 0 10px;
}

.wrapper .yomu_newsList .yomu_newsListImage{
	width: 80px;
	height: 54px;
	overflow: hidden;
	text-align: center;
	border-radius: 3px;
    float: left;
}

.wrapper .yomu_newsList .yomu_newsListImage img{
	height: 54px;
	margin-left: -6.5px;
}


.wrapper .yomu_newsList .yomu_newsTitle{
	font-size: 14px;
	max-height: 38px;
	overflow: hidden;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	font-weight: bold;
    float: right;
	padding-left: 10px;
}

.wrapper .yomu_newsTitle.three_line{
	max-height: 52px;
}

.wrapper .yomu_newsList .yomu_newsListDay{
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
    float: right;
	padding-left: 10px;
    color: #999;
	font-size: 12px;
	padding-top: 3px;
	font-weight: normal;
}






.wrapper .txyomu_listMore {
	position: absolute;
	right: 5px;
	top:50%;
	margin-top: -12px;
}
.wrapper .txyomu_listMore a {
  background-color: #eee;
  color: #000;
  border-radius: 50px;
  display: block;
  font-size: 12px;
  padding: 5px 20px 5px 10px;
  text-align: center;
  font-weight: bold;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}
.wrapper .txyomu_listMore a:after {
	content:"";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	display:block;
	width:5px;
	height:5px;
	border-top:2px solid #333;
	border-right:2px solid #333;
	transform:rotate(45deg);
	transform-origin:center center;
	overflow:hidden;
	border-radius:3px;
}

.wrapper .loding{
	background: url(../images/loding.svg) no-repeat center center;
	height: 225px;
}
/**********************************************************************
	@Media
**********************************************************************/

@media screen and (min-width: 640px) {
.wrapper .mt5 { margin-top: 5px !important; }
.wrapper .mt10 { margin-top: 10px !important; }
.wrapper .mt20 { margin-top: 20px !important; }
.wrapper .mt40 { margin-top: 40px !important; }
.wrapper .mt80 { margin-top: 80px !important; }
.wrapper .mb5 { margin-bottom: 5px !important; }
.wrapper .mb10 { margin-bottom: 10px !important; }
.wrapper .mb20 { margin-bottom: 20px !important; }
.wrapper .mb40 { margin-bottom: 40px !important; }
.wrapper .mb80 { margin-bottom: 80px !important; }
.wrapper .lr_p20 { padding: 0 20px; }
.wrapper .p20 { padding:20px; }
.wrapper .common640Box{max-width: 640px;margin: 0 auto;}
}

/* 300x250のモード */
@media screen and (max-height: 250px) {
	
.wrapper .txyomu_listMore {
	right: 0;
	top:0;
	margin-top: 0;
}

.wrapper .txyomu_listMore a{
	border-radius: 0;
	padding: 0 20px 0 10px;
	line-height: 26px;
}

.wrapper .yomu_newsList{
	padding:  9px 0;
}

	.wrapper header{
		overflow: visible;
		padding: 3px 0 3px 12px;
	}
	
}

/* 横幅290モード */
@media screen and (max-width: 290px) {
.wrapper .yomu_newsList .yomu_newsTitle{font-size: 11px;max-height: 42px;}
.wrapper .yomu_newsList .yomu_newsListDay{font-size: 10px;}
}