/*
Theme Name: new-tetsudo-ch
Version: 1.0
Author: EXPRESS Co., Ltd.
Author URI: http://www.express.co.jp/
Template: twentyten
@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:900;src:url(https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/NotoSansCJKjp-Black.woff) format('woff')}
*/
@font-face{font-family:'myriad-web-pro';font-style:normal;font-weight:700;src:url(https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/myriad-web-pro.woff) format('woff')}
@font-face {
  font-family: 'icomoon';
  src:  url('https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/icomoon.eot?rdjwbn');
  src:  url('https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/icomoon.eot?rdjwbn#iefix') format('embedded-opentype'),
    url('https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/icomoon.ttf?rdjwbn') format('truetype'),
    url('https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/icomoon.woff?rdjwbn') format('woff'),
    url('https://tetsudo-ch.com/wp-content/themes/new-tetsudo-ch/fonts/icomoon.svg?rdjwbn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,fieldset,form,label,legend,table,caption,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}main,article,aside,details,summary,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h2,h3,h4,h5,dl,dt,dd,ol,ul,p,figure{margin-bottom:15px}ul{list-style:none}li{margin-bottom:0}img,iframe{vertical-align:top}/*.pkg:after,li:after,dl:after,section:after,main:after,hr:after{content:"";clear:both;display:block}*/main:after,section:after,hr:after{content:"";clear:both;display:block}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}body{word-wrap:break-word;font-size:13px;line-height:1.0;font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust:100%;text-align:center;margin:0 auto;padding:0}a{color:#0a3a60;font-size:100%;vertical-align:baseline;text-decoration:none;margin:0;padding:0}a:hover{text-decoration:underline}

body {
counter-reset: number 0;
/*background-color: #F3F3F3*/
}

header li a:hover img,
main a:hover img,
#visual a:hover img,aside a:hover img{opacity:0.5;filter:alpha(opacity=50);transition:.25s}

hr{display:block;height:2px;border:0;background:#eee;margin:30px 0;padding:0}

dl,dt,dd{margin:0;padding:0}

figure img{width:100%!important}

.post-contents img,
img.max-width{width:100%;height:auto}

.post-contents a {
	text-decoration:underline;
	color:#4299DD;
}
/**************************************** header ****************************************/
header{
  margin:0 auto;
  padding: 18px;
  /*padding:18px calc(50% - 540px) 14px calc(50% - 540px);!*21,16*!*/
  /*padding:18px -webkit-calc(50% - 540px) 14px -webkit-calc(50% - 540px);*/
  /*background:url(./img/header_bg.png) repeat-x left top*/
}
/*
header h1{
  width:205px;
  margin:0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  text-align:left;
}
header h1 img{
  width:220px;
  height:39px;
  margin:0 15px 0 0;
  vertical-align:middle
}
header h1 span{
  font-size:24px;
  font-weight:900;
  font-family:'Noto Sans Japanese';
  vertical-align:middle
}
header h1 a{
  color:#000;
  display:inline-block;
  text-decoration:none!important
}
*/
header #logo{
	/*  width:205px; */
	width:440px;
  margin: 0;
  padding:0;
  /*display:inline-block;*/
  *display:inline;
  *zoom:1;
  /*vertical-align:middle;*/
  text-align:left;
}
header #logo img{
  width:220px;
  height:39px;
  /*margin:0 15px 0 0;*/
	margin:0;
	
  vertical-align:middle
}
/*header #logo span{
  font-size:24px;
  font-weight:900;
  font-family:'Noto Sans Japanese';
  vertical-align:middle
}*/
header #logo a{
  color:#000;
  display:inline-block;
  text-decoration:none!important
}

header ul{
/*  width:calc(100% - 205px);
  width:-webkit-calc(100% - 205px);*/
  width:calc(100% - 440px);
  width:-webkit-calc(100% - 440px);
  display:inline-block;
  text-align:right;
  margin:0;
  padding:0;
  vertical-align:middle;
}
header li{
  margin:0 0 0 15px;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
}
	header li a {
		font-size:22px;
		color:#A2A1A2;
	}
	header li a:hover {
		text-decoration:none;
		opacity:0.6;
	}
header li:last-child{
  margin:0 0 0 15px;
  padding:0 0 0 15px;
  border-left:1px dotted #d8d8d8;
}
header li img{
  height:20px
}
header #logo img[src*="head_banner"] {
  width: 190px;
  height: auto;
  margin-left: 16px;
  margin-top: 1px;
}

/**************************************** global ****************************************/
#global{
  width:100%;
  /*background:#0a3a60;*/
  margin:0;
  margin:0;
  padding:0;
  text-align:center;
  font-size:13px;
  font-weight:bold
}
#global ul{
  max-width: 1400px;
  width: 100%;
  margin:0 auto;
  padding:0;
  /*background:#144b76;*/
  display:table;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}
#global li{
  margin:0;
  padding:0;
  display:table-cell;
  vertical-align:top;
  text-align:center
}
#global li img{
  margin:0 5px 0 0;
  vertical-align:middle
}
#global li em{
  display:inline-block;
  font-style:normal;
  vertical-align:middle
}
#global li span{
  width:calc(100% - 1px);
  width:-webkit-calc(100% - 1px);
  display:block;
  /*border-left:1px solid #5b819f;*/
  line-height:20px;
  font-size: 1.2em;
}
#global li:first-child span,
#global li:nth-child(2) span,
#global li:nth-child(3) span {
  line-height:1.4;
}
#global li.on span,
#global li :hover span{
  display:block;
  /*border-left:1px solid #f5fbff*/
}
#global li:first-child span{
  border-left:0
}
#global li a{
  height:55px;
  display:block;
  /*background:#144b76;*/
  color:black;
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box;
  border-bottom: solid 5px;
  margin-left: 5px;
  margin-right: 5px;
}
#global li.news a{
  margin-left: 0px;
}
#global li:last-child a{
  margin-right: 0px;
}
#global li.on a,
#global li a:hover{
  /*color:#0a3a60;*/
  background-color: #fff;
  text-decoration:none
}
#global li:first-child a{
  pdading:0;
}

#global label,
#global input{
  display:none
}
/*#global li.on a,#global li a:hover{
  background:#0a3a60
}*/

#global li.news em{background:url(./img/nav_news.png) no-repeat left center;padding-left:26px}
#global li.news.on em{background:url(./img/nav_news.png) no-repeat left center}
#global li.news a:hover em{background:url(./img/nav_news.png) no-repeat left center}
#global li.news a{border-bottom-color: #CD3B22}

#global li.column em{background:url(./img/nav_column.png) no-repeat left center;padding-left:26px}
#global li.column.on em{background:url(./img/nav_column.png) no-repeat left center}
#global li.column a:hover em{background:url(./img/nav_column.png) no-repeat left center}
#global li.column a{border-bottom-color: #76A31F}

#global li.quiz em{background:url(./img/nav_quiz.png) no-repeat left center;padding-left:26px}
#global li.quiz.on em{background:url(./img/nav_quiz.png) no-repeat left center}
#global li.quiz a:hover em{background:url(./img/nav_quiz.png) no-repeat left center}
#global li.quiz a{border-bottom-color: #7CD0BA}

#global li.movie em{background:url(./img/nav_movie.png) no-repeat left center;padding-left:26px}
#global li.movie.on em{background:url(./img/nav_movie.png) no-repeat left center}
#global li.movie a:hover em{background:url(./img/nav_movie.png) no-repeat left center}
#global li.movie a{border-bottom-color: #E1AC24}

#global li.skyperfectv em{background:url(./img/nav_skyperfectv.png) no-repeat left center;padding-left:26px}
#global li.skyperfectv.on em{background:url(./img/nav_skyperfectv.png) no-repeat left center}
#global li.skyperfectv a:hover em{background:url(./img/nav_skyperfectv.png) no-repeat left center}
#global li.skyperfectv a{border-bottom-color: #4C82D4}

#global li.pickup em{background:url(./img/nav_pickup.png) no-repeat left center;padding-left:26px}
#global li.pickup.on em{background:url(./img/nav_pickup_on.png) no-repeat left center}
#global li.pickup a:hover em{background:url(./img/nav_pickup_on.png) no-repeat left center}
#global li.pickup a{border-bottom-color: #CD3B22}

#global li.app em{background:url(./img/nav_app.png) no-repeat left center;padding-left:26px}
#global li.app.on em{background:url(./img/nav_app.png) no-repeat left center}
#global li.app a:hover em{background:url(./img/nav_app.png) no-repeat left center}
#global li.app a{border-bottom-color: #7D4BAB}

#global li.youtube em{background:url(./img/nav_youtube.png) no-repeat left center;padding-left:26px}
#global li.youtube.on em{background:url(./img/nav_youtube.png) no-repeat left center}
#global li.youtube a:hover em{background:url(./img/nav_youtube.png) no-repeat left center}
#global li.youtube a{border-bottom-color: #D06C31}

#global li.line em{background:url(./img/nav_line.png) no-repeat left center;padding-left:26px}
#global li.line.on em{background:url(./img/nav_line_on.png) no-repeat left center}
#global li.line a:hover em{background:url(./img/nav_line_on.png) no-repeat left center}

#global li.fresh em{background:url(./img/nav_fresh.png) no-repeat left center;padding-left:26px}
#global li.fresh.on em{background:url(./img/nav_fresh_on.png) no-repeat left center}
#global li.fresh a:hover em{background:url(./img/nav_fresh_on.png) no-repeat left center}

#global li.tokyochips em{background:url(./img/nav_tokyochips.png) no-repeat left center;padding-left:26px}
#global li.tokyochips.on em{background:url(./img/nav_tokyochips_on.png) no-repeat left center}
#global li.tokyochips a:hover em{background:url(./img/nav_tokyochips_on.png) no-repeat left center}

#global .sp_serach {display:none}
/**************************************** visual ****************************************/

#visual{
  background:url(./img/visual_bg.png) no-repeat center top;
  background-size:cover;
  /*padding:30px calc(50% - 540px);
  padding:30px -webkit-calc(50% - 540px);*/
  padding:10px calc(50% - 540px);
  padding:10px -webkit-calc(50% - 540px);
}
#visual a{
  color:#fff;
}
#visual a .shadow{
  text-shadow: 2px  2px 6px #333,
  -2px  2px 6px #333,
  2px -2px 6px #333,
  -2px -2px 6px #333;
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:1.2em;
}
#visual .date{
  text-shadow: 2px  2px 6px #333,
  -2px  2px 6px #333,
  2px -2px 6px #333,
  -2px -2px 6px #333;
}

#visual > ul{
  /*width:calc(100% - 562px);
  width:-webkit-calc(100% - 562px);
  height:305px;
  margin:0 22px -21px 0;*/

  width:calc(100% - 550px);
  width:-webkit-calc(100% - 550px);
  height:298px;
  margin:0 20px -21px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  text-align:left;
  line-height:1.6;
}
#visual > ul:last-child {
  margin:0;
}
#visual > ul li{
  /*width:calc(50% - 11px);
  width:-webkit-calc(50% - 11px);
  margin:0 22px 21px 0;*/
  width:100%;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}
#visual > ul li:nth-child(2n){
  margin-right:0
}
#visual > ul li dl{
  /*height:142px;*/
  margin:0;
  padding:0;
  position:relative;
}
#visual > ul li dt{
  width:100%;
  margin:0;
  padding:0;
  display:block;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
#visual > ul li dt :before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
#visual > ul li dt a{
  width:100%;
  display:block;
}
#visual > ul li dd a{display:block;color:#fff}
#visual > ul li dt img{
  width:100%
}
#visual > ul li dd{
  font-weight:bold;
  margin:0;
  padding:15px;
  position:absolute;
  left:0;
  bottom:0;
  background: rgba(0,0,0,0.6);
  width:calc(100% - 30px);
  width:-webkit-calc(100% - 30px);
}
	@media screen and (max-width:736px){
		#visual > ul li dd{
		  width:calc(100% - 20px);
		  width:-webkit-calc(100% - 20px);
		}
	}
#visual .date{
  color:#fff;
}
#visual li a{
  display:block
}
#visual .main-carousel{
  /*width:540px;
  height:305px;*/
  width:530px;
  height:298px;
  margin:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  overflow:hidden;
}
#visual .gallery-cell{
  width:100%
}
#visual .gallery-cell img{
  /*width:540px;
  height:305px;*/
  width:530px;
  height:299px
}
#visual .flickity-page-dots{
  bottom:20px;
}
#visual .flickity-page-dots .dot{
  background:#cccccc;
  opacity:0.6;
  width:8px;
  height:8px;
}

#visual .flickity-page-dots .dot.is-selected{
  background:white;
  opacity:1;
  width:8px;/* width:12px;*/
  height:8px;/* height:12px; */
}

/**************************************** main ****************************************/

main{
  width:743px;
  margin:0 50px 20px auto;
  display:inline-block;
  *display:inline;
  *zoom:1;
  text-align:left;
  vertical-align:top
}
main#index,
main#index + aside {
  margin-top:50px;/*50*/
}

aside{
  width:300px;
  margin:0 auto 20px 0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  text-align:left;
  vertical-align:top
}

aside section { 
	margin:0 0 30px 0;
	/*margin:0 0 40px 0;*/
}
/**************************************** banner-list ****************************************/

.banner-list{
  /*margin:0 0 20px 0;*/
  margin:0 0 10px 0;
  padding:0;
}
.banner-list li{
  /*margin:0 0 10px 0;*/
  margin:0 0 6px 0;
  padding:0
}
.banner-list li img{
  width:100%;
  height:auto!important;
}
.banner-list li dt img{
  width:100%!important;
  height:auto!important
}
.banner-list li a{
  color:#fff
}
.banner-list li dl{
  margin:0;
  padding:0;
  position:relative
}
.banner-list li dt{
  margin:0;
  padding:0;
  vertical-align:top;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
.banner-list li dt :before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.banner-list li dt a{
  width:100%;
  display:block;
}
.banner-list li dd{
  font-size:15px;/*16*/
  font-weight:bold;
  line-height:1.4;
  margin:0;
  padding:16px 20px;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  /*width:260px;*/
  
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0% ,rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0% ,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0% ,rgba(0,0,0,0.8) 100%);
}
.banner-list li dd a{display:block;color:#fff}
.ad{
  /*margin:0 0 30px 0;*/
  margin:0 0 50px 0;
  text-align:center
}

main .ad{
  margin:0 0 10px 0;/*margin:30px 0 60px 0;*/
  /*padding-top:60px;*/
  /*border-top:4px solid #eee;*/
  clear:both;
}
main#index .ad{
  margin:30px 0;
  padding-top:0;
  border-top:0;
}
main div#text-7 {
	margin-top:0!important;
	margin-bottom:8px!important;
	text-align: center;
}
	@media screen and (max-width:736px){
		main div#text-7 {
			margin-bottom:0px!important;
		}
	}
main div#text-10 {
	margin-top:0!important;
	margin-bottom:8px!important;
	text-align: center;
}
.skyperfectv-list{
  margin:0 0 -12px 0;
  padding-left:0;
  /*padding:0;*/
}
.skyperfectv-list li{
/*  width:calc(25% - 9px);
  width:-webkit-calc(25% - 9px);
  margin:0 12px 12px 0; */
  margin:0 10px 10px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}
.skyperfectv-list li:nth-child(4n){
  margin:0 0 12px 0;
}
.skyperfectv-list li img{
  width:100%;
  height:auto;
}

/**************************************** news ****************************************/
#news{
  width:500px;
  margin:0 37px 0 0;
  float:left;
  vertical-align:top
}
.news-list{
  margin:0;
  padding:0
}
.news-list li{
  margin:0 0 16px 0;/*18*/
  padding:0 0 16px 0;
  border-bottom:1px solid #ecebeb
}
.news-list li dl{
  margin:0;
  padding:0
}
.news-list li dt{
  width:200px;
  margin:0 20px 0 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
.news-list li dt :before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.news-list li dt a{
  width:100%;
  display:block;
  background-size:100% auto;
  background-position:center center;
  background-repeat:no-repeat
}
.news-list li dd{
  width:calc(100% - 220px);
  width:-webkit-calc(100% - 220px);
  margin:0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  line-height:1.6;
  font-size:16px
}

#news .news-list li dt{
  width:200px;
}
#news .news-list li dd,
#column .column-list li dd,
#trend .trend-list li dd,
#movie .movie-list li dd{
  font-size:13px;
  position: relative;
}
.news-list li dd a{
  font-weight:bold
}

.news-list .more{
  margin:0
}

.news-list .summary {
	font-size:0.85em;/*0.8*/
	margin-bottom:0;
	color:#666;
	line-height:1.6;
	font-weight:normal;
}
	.column .news-list .summary {
/*		height: 42px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;*/
	}
	@media all and (-ms-high-contrast: none){
		.column .news-list .summary {
			/*display: block;*/
	  }
	}
	.column .news-list .summary

.news-list .cate_name:before {
	content:"｜";
	padding:0 4px;
}


/**************************************** recommend ****************************************/
.recommend-program-list{
  margin:0;
  padding:0;
  /* margin-bottom:50px;*/
}
.recommend-program-list li{
  margin:0 0 36px 0;
  padding:0 0 18px 0;
  border-bottom:1px dotted #ccc
}
.recommend-program-list li:last-child{
  margin:0;
  padding:0;
  border-bottom:0
}
.recommend-program-list li dl{
  margin:0;
  padding:0
}
.recommend-program-list li dt{
  width:100%;/*390px;*/
  margin:0 20px 0 0;
  padding:0;
  /* display:inline-block;
  *display:inline; */
  *zoom:1;
  vertical-align:top
}
.recommend-program-list li dt img{
  width:100%;
  height:auto
}
.recommend-program-list li dd img{
  width:100%;
  height:auto
}
.recommend-program-list li dd{
  /*width:calc(100% - 410px);
  width:-webkit-calc(100% - 410px);*/
  margin:0;
  padding:0;
  /*display:inline-block;
  *display:inline;*/
  *zoom:1;
  vertical-align:top;
  line-height:1.6;
  /* font-size:15px*/
}
.recommend-program-list li dd a{
  font-weight:bold
}

.recommend-program-list .more{
  margin:0
}

/**************************************** pickup ****************************************/
#pickup{
   width:353px;
   float:right;
   vertical-align:top;
 }
.pickup-list{
  margin:0 0 20px 0;
  padding:0;
}
.pickup-list li{
  margin:0 0 10px 0;
  padding:0
}
.pickup-list li img{
  width:100%
}
.pickup-list li a{
  color:#fff
}
.pickup-list li dl{
  margin:0;
  padding:0;
  position:relative
}
.pickup-list li dt{
  margin:0;
  padding:0;
  vertical-align:top;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
.pickup-list li dt :before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.pickup-list li dt a{
  width:100%;
  display:block;
}
.pickup-list li dd{
  font-size:16px;
  font-weight:bold;
  line-height:1.4;
  margin:0;
  padding:0;
  position:absolute;
  left:0;
  bottom:0;
}
.main_pickup .pickup-list li dd a{
  display:block;
  padding:15px 20px;
  background:rgba(0,0,0,0.6);
  color:#fff
}
.pickup-list.type2{
  margin:0 0 -36px 0;
  padding:0;
}
.pickup-list.type2 li{
  width:calc(50% - 18px);
  width:-webkit-calc(50% - 18px);
  margin:0 36px 36px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
.pickup-list.type2 li:nth-child(2n){
  margin-right:0
}
/**************************************** column ****************************************/
#column{
  width:500px;
  float:right;
  vertical-align:top
}
.column-list{
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.column-list li{
  width:168px;
  margin:0 17px 10px 0;/*bottom18*/
  padding:0 0 10px 0;
  /*display:inline-block;*/
  *display:inline;
  *zoom:1;
  vertical-align:top;
  border-bottom:1px dotted #ccc;
  line-height:1.6;
  position:relative
}
.column-list li p:first-of-type{
  width:100%;
  display:block;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
.column-list li p:first-of-type :before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.column-list li p:first-of-type a{
  width:100%;
  display:block;
  background-size:100% auto;
  background-position:center center;
  background-repeat:no-repeat
}
.column-list li p:last-of-type{
  margin:0
}
.column-list li a{
  font-weight:bold
}
.column-list li:nth-child(2n){
  margin-right:0
}
.column-list.type2{
  margin:0 0 -30px 0
}
.column-list.type2 li{
  width:calc(50% - 15px);
  width:-webkit-calc(50% - 15px);
  margin:0 30px 30px 0;
  padding:0;
  border-bottom:0;
  font-size:16px
}
.column-list.type2 li:nth-child(2n){
  margin:0 0 30px 0;
}
.column-list.type3{
  margin:0 0 15px 0;
  padding:0;
  border-bottom:1px dotted #ccc;
}
.column-list.type3 li{
  width:calc(100% / 3 - 20px);
  width:-webkit-calc(100% / 3 - 20px);
  margin:0 30px 30px 0;
  padding:0;
  border-bottom:0;
}
/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
.column-list.type3 li{
  width:calc(100% / 3 - 21px);
  width:-webkit-calc(100% / 3 - 21px);
  margin:0 30px 30px 0;
  padding:0;
  border-bottom:0;
}
}
.column-list.type3 li:nth-child(2n){
  margin:0 30px 30px 0;
}
.column-list.type3 li:nth-child(3n){
  margin:0 0 30px 0
}
.column-list h4{
  border-top:3px solid #0a3a60;
  padding-top:15px;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.column-list p:nth-of-type(2){
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

main .banner-list{
  margin:0 0 -10px 0;
  padding:0;
}
main .banner-list li{
  width:calc(50% - 5px);
  width:-webkit-calc(50% - 5px);
  margin:0 10px 10px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}

main .banner-list li:nth-child(2n){
  margin:0 0 10px 0;
}

/**************************************** trend ****************************************/
#trend{
  width:500px;
  /*float:right;*/
  float:left;
  vertical-align:top
}
/**************************************** movie ****************************************/
#movie{
  width:500px;
  /*float:left;*/
  float:right;
  vertical-align:top
}
.movie-list li p:first-of-type :before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.movie-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#movie li {
  width: calc(50% - 5px);
  margin: 0 0px 10px 0;
/*  padding: 0 0 10px 0;*/
  display: inline-block;
  vertical-align: top;
  background-color: white;
  line-height: 1.6;
  position: relative;
}
#movie li p:first-of-type {
  width: 100%;
  display: block;
  background: url(./img/noimage.png) no-repeat center center;
  background-size: 105% auto;
  margin: 0;
}
#movie li p:first-of-type a {
  width: 100%;
  display: block;
  background-size: 105% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
#movie p:nth-of-type(2) {
	margin:0;
	text-overflow: ellipsis;
  padding: 15px;
}
#movie p:nth-of-type(2) a {
  overflow: hidden;
  height:62px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: bold;
  margin: 0;
}
#movie p a{
  font-weight: bold;
}
#trend p a{
  font-weight: bold;
}
/**************************************** program ****************************************/
.program-list{
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.program-list li{
  width:168px;
  margin:0 17px 18px 0;
  padding:0 0 18px 0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  border-bottom:1px dotted #ccc;
  line-height:1.6
}
.program-list li p:first-of-type{
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
.program-list li p:first-of-type :before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.program-list li p:first-of-type a{
  width:100%;
  display:block;
  background-size:100% auto;
  background-position:center center
}
.program-list li p img{
  width:100%;
  height:auto
}
.program-list li p:last-of-type{
  margin:0
}
.program-list li a{
  font-weight:bold
}
.program-list li:nth-child(2n){
  margin-right:0
}

.program-list.type3{
  margin:0 0 -30px 0
}
.program-list.type3 li{
  width:calc(100% / 3 - 20px);
  width:-webkit-calc(100% / 3 - 20px);
  margin:0 30px -30px 0;
  padding:0;
  border-bottom:0;
}
/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
.program-list.type3 li{
  width:calc(100% / 3 - 21px);
  width:-webkit-calc(100% / 3 - 21px);
}
}

.program-list.type3 li:nth-child(2n){
  margin:0 30px 30px 0;
}
.program-list.type3 li:nth-child(3n){
  margin:0 0 30px 0
}
.program-list h4{
  border-top:3px solid #0a3a60;
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:0;
 /* border-bottom:1px dotted #ccc;*/
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.program-list p:nth-of-type(2){
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}


/**************************************** topics ****************************************/
#topics{
  width:500px;
  float:right;
  vertical-align:top
}
/**************************************** pr ****************************************/
#pr{
  width:353px;
  float:right;
  vertical-align:top
}
/**************************************** youtube ****************************************/
.youtube-list{
  margin:0 0 20px 0;
  padding:0
}
.youtube-list li{
  margin:0 0 10px 0;
  padding:0;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-list li iframe {
  vertical-align:top;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* - youtube */
div.movie{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
div.movie iframe[src*="youtube"]{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* - youtube */
div.gmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
div.gmap iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}


/**************************************** breadcrumbs ****************************************/
#breadcrumbs{
  margin:20px 0 20px 0; /*30*/
  padding:0 calc(50% - 540px);
  padding:0 -webkit-calc(50% - 540px);
  text-align:left;
  font-size:12px;
}
#breadcrumbs.wide_breadcrumbs{
  padding:0 calc(50% - 700px);
  padding:0 -webkit-calc(50% - 700px);
}
#breadcrumbs ul{margin:0 auto;padding:0}
#breadcrumbs li{margin:0 15px 0 0;padding:0;display:inline-block;color:#666}
#breadcrumbs li:not(:first-child):before{content:">";color:#888;margin-right:15px;font-weight:normal}
#breadcrumbs li:nth-last-child{margin:0;padding:0;border:0}
.contents section{
 font-size:16px;
 margin:0 0 60px 0
}
@media screen and (max-width:736px){
	font-size:15px;
}
.contents div,
.contents p,
.contents ul,
.contents ol,
.contents dl{
  line-height:2.0/* 1.8 */
}

/* コラム一覧・ランキング一覧 */
.column-theme-list,
.ranking-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.column-theme-list li,
.ranking-list li {
    width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
    margin: 0 0px 20px 0;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    line-height: 1.6;
    position: relative;
    border:1px solid #e6e6e6;
}
	.ranking-list li {
		width: calc(25% - 10px);
		width: -webkit-calc(25% - 10px);
	    margin: 0 0px 16px 0;
	    border:0;
	}
	.box-list li {
		width: calc(33.333% - 10px);
		width: -webkit-calc(33.333% - 10px);
	    margin: 0 0px 16px 0;
	    border:0;
	}
.column-theme-list li p:first-of-type,
.ranking-list li p:first-of-type {
    width: 100%;
    display: block;
    background: url(./img/noimage.png) no-repeat center center;
    background-size: 105% auto;
    margin: 0;
}
.column-theme-list li p:first-of-type :before,
.ranking-list li p:first-of-type :before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.column-theme-list li p:first-of-type a,
.ranking-list li p:first-of-type a {
    width: 100%;
    display: block;
    background-size: 105% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.column-theme-list p:nth-of-type(2),
.ranking-list p:nth-of-type(2) {
	padding: 15px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0;
	text-align:center;
	overflow: hidden;
	text-overflow: ellipsis;
/*	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;*/
}
	.ranking-list p:nth-of-type(2) {
		font-size:13px;
		padding: 10px;
		text-align:left;
	}
	.ranking-list .date {
		margin-top:5px;
	}
.column-theme-list p:nth-of-type(2) span {
	display:block;
	font-size: 0.95em;
	line-height:1.7em!important;
	font-weight:normal;
	text-align:left;
	color:#000;
	margin-top:5px;
}
	.ranking-list p:nth-of-type(2) a {
		height:62px;/*38*/
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.ranking-list p:nth-of-type(2) em {
		font-weight:normal;
	}
	/*.count_num_listPage:before {
		counter-increment: number 1;
		content: counter(number) " ";
	}*/

	@media screen and (max-width:736px){
		.column-theme-list li,
		.ranking-list li {
		    width: calc(50% - 5px);
		    margin: 0 0 10px 0;
		}

		.column-theme-list p:nth-of-type(2),
		.ranking-list p:nth-of-type(2) {
			font-size:13px;
			padding:8px;
		    -webkit-line-clamp: 5;
		}
		.sp_type1.column-theme-list li {
		    width: 100%;
		    margin: 0 0 15px 0;
		}
	}

/**************************************** more ****************************************/

.more{
  margin:0 0 30px 0;
  /*margin: 0 0 40px 0;*/
  font-size:14px;
  font-weight:bold;
  text-align:center
}
.more a{
 /* position:relative;*/
  /*padding:0 24px 0 0;*/
 border: 1px solid #ddd;
/*    border-radius: 4px;*/
/*    padding: 5px 0px;*/
/*    width: 100%;*/
/*    display: inline-block;*/

}
.more a:before,.more a:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";vertical-align:middle}
.more a:before{/*width:16px;height:16px;-webkit-border-radius:50%;border-radius:50%;background:#fff*/}
.more a:after{right:6px;width:4px;height:4px;border-top:2px solid #0a3a60;border-right:2px solid #0a3a60;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.more a:hover{text-decoration:none!important;border-color:#0a3a60}


.pagination{
  text-align:center;
  margin:30px 0 60px 0;
  padding:20px;
  background-color: #f4f4f4;
}
.pagination ul{
  margin:0;
  padding:0
}
.pagination li{
  width:40px;
  height:40px;
  margin:0 5px;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  font-size:14px;
  font-weight:bold;
  line-height:1
}
.pagination li.space {
	margin-top:10px;
	height:30px;
}
.pagination li a{
  height:100%;
  line-height:40px;
  display:block;
  padding:0;
  color:#fff;
  background:#0a3a60;
  border:1px solid #0a3a60
}
.pagination li.active_page a{
  background:#fff;
  color:#0a3a60;
  border:1px solid #0a3a60
}

.separate{
  margin:0 0 40px 0;
  padding:0
}
.separate > li{
  width:calc(100% - 315px);
  width:-webkit-calc(100% - 315px);
  margin:0 30px 0 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}
.separate > li:last-child{
  width:285px;
  margin:0
}
.separate > li img{
  width:100%
}


/**************************************** search ****************************************/
.search div{
  margin:0 0 30px 0
}

//検索結果なし
#pageSearch {}
#pageSearch form input {
	width:90%;
	height:30px;
	border:0;
	color:#666;
	padding:10px;
}

#pageSearch p {
	width:50%;
	display:inline-block;
	border:1px solid #666;
	border-radius:4px;
	margin: 0 auto;
	text-align:left;
	padding: 0 10px 0 20px;
}
	@media screen and (max-width:736px){
		#pageSearch p {
			width:80%;
			font-size:16px;
		}
	}
#pageSearch form span {
	color:#666;
	font-size:14px;
}
.category{
  margin:0;
  /*padding: 10px 10px 20px 10px;*/
  margin:0 0 20px 0;
  /*padding:0;*/
  font-size:13px;/*14*/
  font-weight:bold;
  background:#fff;
}
.category dt{
  margin:15px 0 10px 0;
  padding:0
}
.category dt a{
  padding:0 24px 0 0;
  position:relative
}
.category dt a:before,.category dt a:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";vertical-align:middle}
.category dt a:before{width:16px;height:16px;-webkit-border-radius:50%;border-radius:50%;background:#0a3a60}
.category dt a:after{right:6px;width:4px;height:4px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.category dd{
  display:inline-block;
  *display:inline;
  *zoom:1;
  line-height:1.4;
  border:1px solid #ddd;
  padding:2px 4px;
  margin: 0 5px 3px 0;
}

.wp-tag-cloud{
  margin:0 0 -5px 0;
  padding:0;
  background:#fff;
}
	@media screen and (max-width:736px){
		.wp-tag-cloud{
			padding:20px 10px;
		}
	}
.wp-tag-cloud li{
  margin:0 6px 6px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  line-height:1.4;
}
.wp-tag-cloud li a{
  display:block;
  padding:6px 8px;
  /*border:1px solid #ccc;*/
  border-radius:2px;
  background: #eef0f9;
  font-weight:700;
  font-size:0.9em;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.wp-tag-cloud li a:hover {
	text-decoration:none;
	background:#0a3a60;
	color:#fff;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="file"],
input[type="date"],
input[type="time"],
select,
textarea{
  background: #fff;
  border:0;
  box-sizing: border-box;
  padding:7px;
  box-shadow:none;
  border:1px solid #ddd;
  border-radius: 0;
  letter-spacing:1px;
  line-height:1.1;
  /*width:90%*/
  width:100%;
}

/**************************************** button ****************************************/
.button{
  margin:0;
  padding:0
}
.button li{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0 20px 0 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}
.button li:last-child{
  margin:0
}
.button li p{
  width:100%;
  margin:0;
  padding:5px;
  font-size:16px;
  font-weight:bold;
  text-align:left;
  background:#fbedf4;
  line-height:1;
  box-sizing:border-box;
}
.button li a{
  text-align:center;
  position:relative;
  padding:20px;
  display:block;
  border-radius:3px;
  border:1px solid #ebdee5;
  background:#fff;
  color:#000;
  line-height:1
}
.button li a:after{
  content:url("img/icon_pdf.png");
  width:24px;
  height:30px;
  position:absolute;
  top:0;
  bottom:0;
  right:15px;
  margin:auto 0;
}

.privacy{
  border:1px dotted #b6b6b6;
  padding:30px;
  margin:0 0 40px 0;
}
.privacy li{
  margin:0 0 15px 10px;
  padding:0 0 0 10px
}
.privacy li:last-child{
  margin-bottom:0
}

.block{
  margin:0 0 50px 0;
  padding:15px;
  background:#f4f4f4;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.block > li{
  /* width:calc(50% - 7px);
  width:-webkit-calc(50% - 7px); */
  width:100%;
  background:#fff;
  margin: 0 0 15px 0;
}
.block > li:first-child{
  /* margin:0 14px 0 0;
  padding:0;
  display:inline-block;
  *display:inline; */
  *zoom:1;
  vertical-align:top;
}
.block > li:last-child{
  margin:0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}


.block.ttt > li{
  width:calc(100% / 3 - 10px);
  width:-webkit-calc(100% / 3 - 10px);
  margin:0 15px 0 0;
  text-align:center
}
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, .block.ttt > li { width:calc(100% / 3 - 11px); }/* IE11 */
	}
.block.ttt > li:last-child{
  margin:0
}
.block.ttt > li > a{
  padding:15px 0;
  display:block
}

.block.shityo > li > a {
  padding:15px;
  display:block
}

.block dl{
  width:100%;
  background:#fff;
  margin:0;
  padding:0;
}
.block dt{
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:10px 20px;
  border-bottom:1px solid #e6e6e6;
}
.block dt span{
  display:inline-block;
  vertical-align:middle
}

.block dd{
  margin:0;
  padding:15px 20px;
}
.block dd p:last-of-type{
  margin:0
}
.block dd ul{
  margin:0;
  padding:0;
}
.block dd li{
  width:calc(25% - 9px);
  width:-webkit-calc(25% - 9px);
  /*margin:0 12px 0 0;*/
  margin:0 7px 0 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  position:relative;
}
.block dd li em{
  display:block;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto
}
.block dd li em :before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
    margin-bottom:10px;
}
.block dd li a{
  width:100%;
  display:block;
  background-size:100% auto;
  background-position:center top;
  background-repeat:no-repeat;
  line-height:14px;
  font-size:13px;
}
.block dd li:last-child{
  margin:0
}
.block dd li img{
  width:100%;
  height:auto;
  margin-bottom:5px
}

.recommend-news {padding:2px;margin-bottom:0;background:#fff}
.recommend-news ul li {text-align:left}
.recommend-news dt {padding:0;/*padding:4px 20px 0 20px;*/border:0}
.recommend-news dd {padding:0/*padding:4px 20px 15px*/}
.recommend-news dd li em + a {
	line-height:15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

/**************************************** tab ****************************************/
.tab{
  width:56px;/*60*/
  height:16px;
  line-height:16px;
  /*border-radius:8px;*/
  font-size:11px;
  color:#fff;
  display:inline-block;
  background-color: #bbb;

  text-align:center;
  vertical-align:middle;
  margin:0 8px 5px 0;/*0 5px 5px 0;*/
  padding-top:0;padding-bottom:0;
}
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, .tab { padding-top:2px; } /* IE11 */
		*::-ms-backdrop, .tab.column { padding-top:2px; }
	}

.tab.red,
.kyushu{background:#d80000}
.tab.gray{
  background:#575757
}
.tab.blue{background:#0272bd}
.tab.green{background:#008803}
.tab.purple{background:#d44ea9}
.tab.yellow{background:#d89800}
.tab.lime{background:#bbbd02}
.tab.orange{background:#ff6633}
.tab > a {
	color:#fff;
	text-decoration:none;
}
.japan{background:#5b819f}
.hokkaido{background:#2cb432}
.tohoku{background:#6695ff}
.kanto{background:#008803}
.hokuriku{background:#d44ea9}
.tokai{background:#ff6633}
.kinki{background:#0272bd}
.chugoku{background:#00ADCD/*background:#bbbd02*/}
.shikoku{background:#00ADCD}
.kyushu{background:#d80000}
.kaigai{background:#7d7d7d}
.tab.news{background:#0a3a60}
.tab.column{background:#0a3a60;width:auto!important;min-width:40px;padding:0 10px;}
.tab.theme{background:#bbb;width:auto!important;min-width:56px;/*padding:0 5px;*/}
.tab.ekisoba{background:#f60}
.tab.ichibetsu{background:#f60}
.tab.shutan{background:#f60}
.tab.other{background:#aaa}
.select .other{background:#aaa}

.japan.on a{color:#5b819f}
.japan.on a:after{content:url("./img/nav_select_japan.png")}
.hokkaido.on a{color:#2cb432}
.hokkaido.on a:after{content:url("./img/nav_select_hokkaido.png")}
.tohoku.on a{color:#6695ff}
.tohoku.on a:after{content:url("./img/nav_select_tohoku.png")}
.kanto.on a{color:#008803}
.kanto.on a:after{content:url("./img/nav_select_kanto.png")}
.hokuriku.on a{color:#d44ea9}
.hokuriku.on a:after{content:url("./img/nav_select_hokuriku.png")}
.tokai.on a{color:#ff6633}
.tokai.on a:after{content:url("./img/nav_select_tokai.png")}
.kinki.on a{color:#0272bd}
.kinki.on a:after{content:url("./img/nav_select_kinki.png")}
.chugoku.on a{color:#00ADCD/*color:#bbbd02*/}
.chugoku.on a:after{content:url("./img/nav_select_shikoku.png")}
.shikoku.on a{color:#175dd6}
.shikoku.on a:after{content:url("./img/nav_select_shikoku.png")}
.kyushu.on a{color:#d80000}
.kyushu.on a:after{content:url("./img/nav_select_kyushu.png")}
.kaigai.on a{color:#7d7d7d}
.kaigai.on a:after{content:url("./img/nav_select_kaigai.png")}
.other.on a{color:#aaa}
.other.on a:after{content:url("./img/nav_select_other.png")}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .tab.column { padding-top:2px; }/* IE11 */
}

.select li.on{background:#fff}

.select li:first-child{background:#0a3a60}
.select li:first-child.on a{background:#fff;color:#0a3a60}
.select li:first-child.on a:after{content:url("./img/nav_select_top.png")}

.date{
  display:inline-block;
  vertical-align:middle;
  font-size:12px;
  font-style:normal;
  color:#666
}

.select{
  margin:0 0 25px 0;
  padding:0 0 3px 0;
  border-bottom:3px solid #0a3a60
}
.select ul{
  margin:0;
  padding:0
}
.select li{
  width:calc(100% / 12);
  width:-webkit-calc(100% / 12);
  margin:0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  border-radius:4px 4px 0 0;
  border:2px solid #fff;
  border-bottom:0;
  box-sizing:border-box
}
/**************************************** tag ****************************************/
.post-tags{
  position: relative;
  color: #ccc;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 5px;
  /*margin-top:15px;*/
  margin-bottom:10px;/*30*/
}

.post-tags a,.post-tags strong{
  color: #F4FCFF;
  font-size: 11px ! important;
  margin: 0 1px 1px 0;
  padding: 5px 10px;
  text-transform: uppercase;
  display: block;
  background: #B6B4B0;
  text-decoration: none;
  float: left;
  font-weight: bold;
}

.post-tags strong{
  background: #0C395E!important;
}

.post-tags a:hover{
  background: #0A3A60;
  color: #EEECEC;
}

.fa {
    padding-right: 5px;
    display: inline-block;
}
.fa-tags:before {
  content:"";
  display: inline-block;
  width: 15px;
  height: 15px;
  background:url("./img/tags.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* category */
.category_link {
	margin:30px 0;
}
.category_link > strong {
	display:block;
	color:#0a3a60;
	font-size:0.9em;
	border-left:2px solid #0a3a60;
	padding: 0 0 0 10px;
	margin:0 0 12px 0;
}
.post-categories {
	padding:0;margin:0;
	margin-bottom:18px;
}
.post-categories li {
	display:inline-block;
	margin-bottom:14px;
}
.post-categories li a {
	padding:10px 12px;
	font-size:0.95em;
	font-weight:bold;
	/*margin:0 3px 4px 0;*/
	border-radius:22px;
	border:1px solid #757575;
	color:#000!important;
	background:#fff;
}
.post-categories li a:hover {
	text-decoration:none;
	background:#ddd;
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
.select li{
  width:8%;
}
.select li:first-child{
  width:9%
}
.select li:last-child{
  width:9%
}
}


.select li:last-child{
  margin:0
}
.select li a{
  color:#fff;
  display:block;
  position:relative;
  border:0;
  padding:5px 0 12px 0
}
.select li a:after{
  content:url("./img/nav_select.png");
  width:7px;
  height:5px;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.select li.on{
}
/**************************************** sns ****************************************/
#sns{
  padding:50px 0;
  margin:0 0 50px 0;
  background:#f4f4f4
}
#sns ul{
  width:1080px;
  margin:0 auto;
  padding:0;
  text-align:left;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#sns li{
  background:#fff;
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0 20px 0 0;
  padding:40px 30px 30px 30px;
  box-sizing:border-box;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
#sns li:last-child{
  margin:0
}
/**************************************** heading ****************************************/
h1{
  font-size:18px;
  line-height:1.4;
  font-weight:bold;
  color:#252525;
  margin:0;/*bottom14*/
  padding:14px 0 0 0;/*14px 0 8px 0;*/
  position:relative;
  border-top:3px solid #0a3a60;
  position:relative
}
h1.post-title {
	font-size:22px;/*24*/
}
h1:before{
  width:81px;
  height:3px;
  content:"";
  background:url(./img/h1_bg.png) no-repeat left top;
  position:absolute;
  left:0;
  top:-3px
}
h1 span{
  background:#0a3a60;/*background:#f49524;*/
  color:#fff;
  font-size:14px;
  font-weight:bold;
  padding:3px;
  margin-bottom:5px;
  display:inline-block
}

h2{
  padding:60px calc(50% - 540px);
  padding:60px -webkit-calc(50% - 540px);
  margin:0 0 20px 0;
  background:url(./img/visual_bg.png) no-repeat center top;
  background-size:cover;
  text-align:left;
  font-size:28px
}
h2 > a { color:#000; }
h2 > a:hover { text-decoration:none; }

/* h3 */
h3{
  font-size:18px;
  line-height:1.4;
  font-weight:bold;
  color:#252525;
  margin:0;/*bottom14*/
  padding:14px 0 8px 0;
  position:relative;
  /*border-top:3px solid #0a3a60;*/
  position:relative
}
h3.post-title {
	font-size:22px;/*24*/
}
h3{
  /*border-bottom:1px dotted #ccc;*/
  border-bottom:5px solid #0a3a60;
  margin-bottom:14px;
}
h3:before{
  width:84px;
  height:5px;/*3*/
  content:"";
  background:url(./img/h3_bg.png) no-repeat left top;
  position:absolute;
  left:0;
  bottom:-5px/*top:-3px*/
}
h3 span{
  background:#0a3a60;/*background:#f49524;*/
  color:#fff;
  font-size:14px;
  font-weight:bold;
  padding:3px;
  margin-bottom:5px;
  display:inline-block
}

h3.trend {
	/*background: url(./img/tokyoChips.png) no-repeat center center;*/
    /*padding-left: 42px!important;*/
    /*background:#000;*/
    /*color:#fff;*/
    font-weight:700;
    /*text-align:center;*/
    /*padding:4px 0!important;*/
}

/* h4 */
h4{
  font-size:16px;
}
h4 img{
  margin:0 5px 0 0;
  vertical-align:middle
}
h4 span{
  display:inline-block;
  vertical-align:middle
}
h4.news-search-midashi {
	background-color:#efefef
}

.underline{text-decoration:underline;color:#518be3}

.background{background:#fe0}


/*--------------*/
footer{
  padding:30px calc(50% - 700px);
  padding:30px -webkit-calc(50% - 700px);
  background:#0a3a60;
  color:#fff
}
footer a{
  color:#fff
}
footer ul{
  width:calc(100% - 260px);
  width:-webkit-calc(100% - 260px);
  margin:0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  text-align:left
}
footer li{
  margin:0 15px 0 0;
  padding:0 15px 0 0;
  border-right:1px solid #9db0bf;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  font-size:12px;
}
footer li:nth-child(5){
  margin:0 45px 0 0;
  padding:0;
  border-right:0
}
footer li.sns{
  max-width:76px;/*max-width:100px;*/
  border-right:0;
  padding:0;
  overflow:hidden
}
footer p{
  width:260px;
  font-family:'myriad-web-pro';
  letter-spacing:1px;
  margin:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  text-align:right
}
footer li span{padding-left:4px}

.icon{margin:0 auto;padding:0}
.icon li{margin:0 20px 0 0;padding:0;display:inline-block}
.icon li:nth-child(4n){margin:0}

#bottom{position:fixed;right:0;bottom:0;margin:0;z-index:3}
#bottom a{display:block;padding:24px}
#bottom img{width:30px;height:30px}

/*--------*/
img.left{margin:0 30px 0 0;float:left}
img.right{margin:0 0 0 30px;float:right}

.bold{font-weight:bold}
.normal{font-weight:normal}
.center{text-align:center;margin-left:auto;margin-right:auto}
.right{text-align:right}
.last{margin-bottom:0}

.xxs{font-size:11px}
.xs{font-size:13px}
.s{font-size:16px}
.m{font-size:18px}
.l{font-size:22px}
.xl{font-size:24px}
.xxl{font-size:28px}

.notice{
  background:#fbedf4;
  padding:20px 30px;
  margin:30px 0 0 0
}
.notice dt{
  width:200px;
  margin:0 20px 0 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
.notice dt iframe {
  width:100%
}
.notice dd{
  width:calc(100% - 220px);
  width:-webkit-calc(100% - 220px);
  margin:0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}

.notice p:last-of-type{
  margin:0
}

sup{font-size:50%;vertical-align:super}

.sitemap{margin:30px 0 0 0}
.sitemap ul{
  margin:0 0 15px 0;
  padding:0
}
.sitemap li{
  margin:0 0 0 30px;
  padding:0
}
.sitemap a{
  display:block;
  width:220px;
  position:relative;
  padding:0 24px 0 0
}
.sitemap a:before,.sitemap a:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";vertical-align:middle}
.sitemap a:before{width:16px;height:16px;-webkit-border-radius:50%;border-radius:50%;background:#0a3a60}
.sitemap a:after{right:6px;width:4px;height:4px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}


.sp{
  display:none
}
.side-info{display:none}
/**************************************************************************************************************************/

@media screen and (max-width:1120px){

header{
  padding:21px calc(50% - 480px) 16px calc(50% - 480px);
  padding:21px -webkit-calc(50% - 480px) 16px -webkit-calc(50% - 480px)
}
#visual{
  padding:30px calc(50% - 480px);
  padding:30px -webkit-calc(50% - 480px);
}
#visual > ul li dd{
  padding:15px;
}
h2{
  padding:60px calc(50% - 480px);
  padding:60px -webkit-calc(50% - 480px);
}
#global ul{
  width:960px;
  font-size:12px
}
#global li:first-child a{
  padding:16px 0 15px 0;
}

#breadcrumbs{
  padding:0 calc(50% - 480px);
  padding:0 -webkit-calc(50% - 480px);
}
.wide_breadcrumbs{
  padding:0 calc(50% - 300px);
  padding:0 -webkit-calc(50% - 300px);
}
main{
  width:850px;
  margin:0 30px 20px auto;
  text-align:left;
  vertical-align:top
}
#news{
  width:300px;
  margin:0 30px 0 0;
  float:left;
  vertical-align:top
}
#column{
  width:300px;
  margin:0;
  float:left;
  vertical-align:top
}
  #trend{
    width:300px;
    margin:0;
    /*float:left;*/
    vertical-align:top
  }
  #movie{
    width:300px;
    margin:0;
    float:left;
    vertical-align:top
  }
.column-list li{
  width:calc(50% - 9px);
  width:-webkit-calc(50% - 9px);
  margin:0 18px 18px 0
}
#topics{
  width:300px;
  margin:0;
  float:right;
  vertical-align:top
}
#pr{
  width:300px;
  margin:0;
  float:left;
  vertical-align:top
}
#pickup{
  width:300px;
  margin:0;
  float:left;
  vertical-align:top
}

#sns ul{
  width:960px
}
footer{
  padding:30px calc(50% - 480px);
  padding:30px -webkit-calc(50% - 480px);
}
footer ul{
  width:auto;
  margin:0 0 15px 0;
  padding:0;
  display:block;
  vertical-align:middle;
  text-align:left
}
footer p{
  width:auto;
  display:block;
  text-align:left
}

}

/**************************************************************************************************************************/

@media screen and (max-width:980px){

body{font-size:14px}
.sp{display:inline}
.tablet{display:none}
.side-info{display:none}
/*  #global .sp{display:block}*/
  header{
  padding:21px 20px 16px 20px
}
main#index + aside{
  margin-top:0
}

section.side_bar {
width:100%;
}

#global ul{
  width:100%
}

#visual .main-carousel{
  width:100%;
  height:auto;
}
#visual .gallery-carousel img{
  width:100%;
  height:auto
}
h2{
  padding:60px 20px;
}
#breadcrumbs{
  padding:0 20px;
}
#visual > ul:last-child {
	margin:0 auto
}
#visual{
  padding:20px;
}
#visual > ul{
  width:540px;
  height:auto;
  display:block;
  margin:0 auto
}
#visual > ul li{
  /*width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);*/
  margin:0 20px 20px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
#visual > ul li:nth-child(2){
  margin-right:0
}
#visual > ul li:last-child{
  margin-right:0
}


#visual > ul li dl{
  height:auto;
}
#visual > ul li dd{
  /*padding:10px;*/
}
main{
  width:auto!important;
  margin: 30px 20px 0 20px;
  /*margin:0 20px;*/
}
	.main_pickup {
		display: block!important;
	}
#news,
#movie,
.top #pickup{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
 margin:0 20px 0 0;
}
#column,
#trend{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0;
}
#topics{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0;
}
#pr{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0;
}
#pickup{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0;
}

.pickup-list.type2{
  padding:0 0 40px 0;
}
.pickup-list.type2 li{
  width:calc(50% - 10px);
  width:-webkit-calc(50% - 10px);
  margin:0 20px 20px 0
}

main .ad{
  margin:30px 0;
  /*padding-top:30px;*/
}

aside{
  width:auto;
  margin:0 20px;
  padding:0 0 15px 0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  flex-wrap:wrap;-webkit-flex-direction:row;
  -moz-flex-direction:row;
  -ms-flex-direction:row;
  -o-flex-direction:row;
  flex-direction:row;
}
  aside .order0 {
    order: 0;
    width: 100%;
  }
  

aside .order1{
  order:1;
  width:100%
}
aside .order2{
  order:2;
  width:100%
}
aside .order3{
  order:3;
  margin:0 0 15px 0
}
aside .order4{
  order:4
}
aside .order4 input {
	width:100%;
}
aside .order5{
	order:5;
  /*display:none*/
  
}
	aside .order5 .textwidget {
		width:300px; height:250px;
	}
aside .order6{
	display:none;
}
aside .order7 {
	order:7;
	width:100%;
}
.banner-list{
  width:100%;
  margin:0 0 5px 0;
  padding:0;
}
.banner-list li{
  width:calc(100% / 3 - 10px);
  width:-webkit-calc(100% / 3 - 10px);
  margin:0 15px 15px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
.banner-list li:nth-child(3n){
  /*margin:0 0 15px 0*/
}

aside .ad{
  margin:0 auto 20px auto
}

.search div{
  /*width:calc(25% - 15px);
  width:-webkit-calc(25% - 15px);*/
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  margin:0 20px 0 0
}
.search div:last-of-type{
  margin-right:0
}
.sidebar-sns {
	display:none
}
#sns{
  padding:30px 20px;
  margin:0 0 30px 0
}
#sns ul{
  width:auto
}

footer{
  width:auto;
  padding:30px 20px
}
footer li:nth-child(4){
  margin:0 20px 0 0
}

.youtube-list{
  margin:0 0 5px 0;
  padding:0;
}
.youtube-list li{
  width:calc(50% - 7px);
  width:-webkit-calc(50% - 7px);
  margin:0 14px 15px 0;
  padding-top:30%;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
.youtube-list li:last-child{
  margin:0 0 15px 0
}

.skyperfectv-list {
	margin-bottom:20px;
}

}

/**************************************************************************************************************************/
@media screen and (max-width:736px){

body {/*background-color: #F3F3F3*/}

.pc{display:none}
.side-info{display:block}
#breadcrumbs{display:none}
header{
  text-align:left;
  /*padding:20px 10px 15px 10px;*/
  padding:17px 10px 13px 10px;
  position:relative;
}
/*
header h1{
  width:auto;
  margin:0;
  padding:0;
  text-align:left;
  position:relative;
  z-index:7
}
header h1 img{
  width:132px;
  height:36px;
  margin:0;
}
header h1 span{
  font-size:10px
}
*/
	
header #logo{
  width:auto;
  margin:0;
  padding:0;
  text-align:left;
  position:relative;
  z-index:7
}
header #logo img{
  width:140px;/*132*/
  height:36px;/*36*/
  margin:0;
}
header #logo span{
  font-size:10px
}
	
	
header ul{
  width:auto;
  display:block;
  text-align:center;
}
/*header li{
  margin:0 5px
}
header li img{
  height:24px
}*/

header ul li a {
	color:#A2A1A2!important;
	font-size:20px;
}

.contents section{
  /*margin:0 0 30px 0*/
  margin:0 0 20px 0
}

.category {
	padding:10px 10px 20px 10px;
}
aside section{
  margin:0 0 20px 0
}
/* コラム一覧 */
.contents.column section {
	width : 100%;
	float:none;
	margin-right: 0;
}

.contents.column .news-list li dt {
	width:150px;
}
.contents.column .news-list li dd {
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	font-size:14px;/*13*/
}
	.contents.column section:first-child .news-list li dt {
		width:150px;
	}
	.contents.column section:first-child .news-list li dd {
		width: calc(100% - 160px);
		width: -webkit-calc(100% - 160px);
		font-size:13px;
	}

.search div{
  width:auto;
  display:block;
  margin:0 0 20px 0
}

#global{font-size:10px;position:initial;left:0;top:0;z-index:5;height:auto;background:none}
#global input{display:none}
#global label{width:30px;height:30px;text-align:center;vertical-align:top;display:inline-block;cursor:pointer;padding:0;margin:0;position:absolute;right:10px;top:21px;/*23*/z-index:6}
#global label img{width:24px;height:24px;padding-top:3px}
#head-block{display:flex;flex-direction: column-reverse;}
#global ul{display:block;width:100%;transition: 0.2s;height:0;overflow:hidden}
#global input:checked + ul{height:auto;position:relative;top:0px;margin-bottom: 1em;background-color: #fff;}
#global li{width:100%;display:block;text-align:left;border-bottom:1px solid #5b819f}
#global li:last-child{border-bottom:0}
#global li a{padding:15px 20px}
#global li:first-child a{padding:15px 20px}
#global li:first-child span {line-height:20px}
#global li:nth-child(2) span {line-height:20px}
#global li:nth-child(3) span {line-height:20px}
#global li.on a:after{display:none}
#global li img{margin:0 10px 0 0}
#global li b{display:inline-block;text-align:center;width:40px}
#global li span{border-left:0}

/*#visual{
  padding:10px;
}
#visual ul{
  width:100%;
  margin:0 0 -10px 0;
  padding:0;
  display:block
}
#visual ul:first-of-type{
  width:100%;
  margin:0 0 10px 0
}
#visual ul:first-of-type li{
  width:100%;
  margin:0;
  font-size:18px
}
#visual li img{
  width:100%
}
#visual li{
  width:calc(50% - 5px);
  width:-webkit-calc(50% - 5px);
  margin:0 10px 10px 0;
  padding:0;
}
#visual li:nth-child(2n){
  margin-right:0
}*/

#visual{
  padding:0;
}
#visual > ul{
  width:100%;
  margin:0;
  padding:0;
  display:block
}
#visual > ul li{
  width:100%;/*  width:50%;*/
  margin:0;
  padding:0;
  position:relative;
  vertical-align:top
}
#visual > ul li:nth-child(2n){
  margin-right:0
}
#visual > ul li dl{
  vertical-align:top
}

#visual > ul li dd{
  padding:10px;
  font-size:12px
}


#visual .main-carousel{
  display:none;
  height:auto;
}
#visual .gallery-cell img{
  width:100%;
  height:auto
}


.date{
  font-size:10px!important;
  bottom: 2px!important;
  /*left: 5px!important;*/
  left: 7px!important;
}
.tab{
  font-size:10px
}


h2{
  font-size:18px;
  padding:30px 20px;
  text-align:center;
}

#pickup{
  width:auto;
  margin:0;
  float:none
}

.pickup-list li{
  width:100%;
  margin:0 0 15px 0;
  padding:0;
  display:block;
}
.pickup-list.type2{
  padding:0;
  margin:0 0 30px 0;
  border:0
}
.pickup-list.type2 li{
  width:100%;
  margin:0 0 15px 0;
  padding:0;
  display:block;
}


.banner-list li{
  width:100%;
  /*margin:0 0 15px 0;*/
   margin:0 0 5px 0;
  padding:0;
  display:block;
}

main .banner-list{
  margin:0 0 30px 0;
  padding:0;
}
main .banner-list li{
  width:auto;
  margin:0 0 15px 0;
  padding:0;
  display:block;
}
main .banner-list li:nth-child(2n){
  margin:0 0 15px 0;
}

.skyperfectv-list li{
  width:calc(100% / 3 - 8px);
  width:-webkit-calc(100% / 3 - 8px);
  margin:0 12px 12px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}
.skyperfectv-list li:nth-child(4n){
  margin:0 12px 12px 0;
}
.skyperfectv-list li:nth-child(3n){
  margin:0 0 12px 0;
}

.youtube-list li{
  width:100%;
  margin:0 0 15px 0;
  display:block;
  padding-top: 56.25%;
}
.more{
  margin:0 0 20px 0
}

main#index,main.wide{
  margin-top:0px;/*30*/
  width: auto!important;
}

main{
  width:auto;
  margin:20px 10px;
  margin-top:0;
  display:block
}
main .ad{
  /*display:none*/
}

aside .ad{
  margin:0 auto 30px auto
}
aside{
  width:auto;
  margin:0;
  /*margin:20px 10px;*/
  padding:0;
  padding:10px 0 20px 0;
  display:block;
  background-color: #F3F3F3;
}

aside .order5{
  display:block
}
	aside .order5 .textwidget {
		width:auto;height:auto;
	}

#news{
  width:auto;
  margin:0;
  float:none;
  margin-top:20px;
}
#news .news-list li:nth-child(n+12),/*(n+7)*/
#column .column-list li:nth-child(n+10)
 {display:none}
.news-list li{
  margin:0 0 8px 0;
  padding:0 0 8px 0;
}
.news-list li dt{
  width:150px;
  margin:0 10px 0 0
}
.news-list li dd{
  width:calc(100% - 160px);
  width:-webkit-calc(100% - 160px);
  font-size:13px
}

#news .news-list li dt{
  width:150px;
}
#news .news-list li dd{
  width:calc(100% - 160px);
  width:-webkit-calc(100% - 160px);
  padding: 5px;
}
#column,
#trend,
#movie{
  width:auto;
  margin:0;
  float:none
}
.column-list li{
  width:calc(50% - 5px);
  width:-webkit-calc(50% - 5px);
  margin:0 10px 10px 0;
  padding:0 0 10px 0;
}
.column-list li p{
  margin:0 0 5px 0
}
.column-list li p:last-of-type{
  margin:0
}

.column-list li p:nth-of-type(2) a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.column-list.type2{
  margin:0 0 -10px 0
}
.column-list.type2 li,
.column-list.type3 li{
  width:calc(50% - 5px);
  width:-webkit-calc(50% - 5px);
  margin:0 10px 10px 0;
  padding:0;
  border-bottom:0;
  font-size:13px
}
.column-list.type2 li:nth-child(3n),
.column-list.type3 li:nth-child(3n){
  margin:0 10px 10px 0;
}
.column-list.type2 li:nth-child(2n),
.column-list.type3 li:nth-child(2n){
  margin:0 0 10px 0;
}
.column-list h4{
  border-top:3px solid #0a3a60;
  padding-top:10px;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.program-list.type3{
  margin:0 0 -10px 0
}
.program-list.type3 li{
  width:calc(50% - 5px);
  width:-webkit-calc(50% - 5px);
  margin:0 10px 10px 0;
  padding:0;
  border-bottom:0;
}
.program-list.type3 li:nth-child(3n){
  margin:0 10px 10px 0;
}
.program-list.type3 li:nth-child(2n){
  margin:0 0 10px 0;
}

.recommend-program-list li{
  margin:0 0 20px 0;
  padding:0 0 10px 0;
}
.recommend-program-list li dt{
  width:100%;
  margin:0 0 15px 0;
  padding:0;
  display:block;
}
.recommend-program-list li dt img{
  width:100%
}
.recommend-program-list li dd{
  width:auto;
  display:block;
/*  font-size:13px*/
}

.notice{
  padding:15px;
  margin:20px 0 0 0
}
.notice dt{
  width:100%;
  margin:0 0 10px 0;
  display:block;
}
.notice dt iframe {
  width:100%
}
.notice dd{
  width:auto;
  display:block;
}

.notice p:last-of-type{
  margin:0
}

.separate{
  margin:0 0 30px 0;
  padding:0
}
.separate > li{
  width:auto;
  margin:0 15px 0 0;
  display:block;
}
.separate > li:last-child{
  width:auto;
  margin:0
}

.button{
  margin:0;
  padding:0
}
.button li{
  width:100%;
  margin:0 0 10px 0;
  padding:0;
  display:block;
}
.button li:last-child{
  margin:0
}

#topics{
  width:auto;
  margin:0;
  float:none
}
#pr{
  width:auto;
  margin:0;
  float:none
}
.block{
  margin:0 0 20px 0;
}
.block > li:first-child{
  width:100%;
  margin:0 0 15px 0;
  display:block;
}
.block > li:last-child{
  width:100%;
  margin:0;
  display:block;
}

.block.ttt > li{
  width:100%;
  margin:0 0 15px 0;
  display:block;
}
.block.ttt > li:last-child{
  width:100%;
  margin:0;
  display:block;
}
.block.ttt > li > a{
  padding:15px;
  display:block
}
.block.ttt > li > a img{
  /*height:30px*/
}


.block dd ul{
  margin:0 0 -10px 0
}
.block dd li{
  width:calc(50% - 5px);
  width:-webkit-calc(50% - 5px);
  /*margin:0 10px 10px 0;*/
  margin:0 4px 10px 0;
}
.block dd li:nth-child(2n){
  margin:0 0 10px 0
}
.block dd li img{
  width:100%;
}

.recommend-news ul li:nth-child(3),
.recommend-news ul li:nth-child(4) {
display:none
}

.sitemap{margin:20px 0 0 0}
.sitemap ul{
  margin:0 0 10px 0;
  padding:0
}
.sitemap li{
  margin:0 20px;
  padding:0
}
.sitemap a{
  display:block;
  width:auto;
  position:relative;
  padding:0 24px 0 0
}
.sitemap a:before,.sitemap a:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";vertical-align:middle}
.sitemap a:before{width:16px;height:16px;-webkit-border-radius:50%;border-radius:50%;background:#0a3a60}
.sitemap a:after{right:6px;width:4px;height:4px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.pagination{
  margin:30px 0;
  padding:10px;
}
.pagination ul{
  margin:0;
  padding:0
}
.pagination li{
  width:30px;/*24*/
  height:30px;/*24*/
  font-size:12px;
  margin:0 2px;
  line-height:1
}
.pagination li.space {
  width:18px;
  height:18px;
  padding-top:8px;
  margin:0;
}
.pagination li a{
  line-height:30px;/*24*/
  display:block;
  padding:0;
}

#sns{
  padding:20px 10px;
  margin:0 0 20px 0
}
#sns ul{
  display:block
}
#sns li{
  width:auto;
  margin:0 0 10px 0;
  padding:20px 10px 10px 10px;
  display:block
}
#sns li:lsat-child{
  margin:0
}

aside .order6{
	display:block;
}

.sidebar-sns {display:block;}
	
footer{
  padding:20px 10px
}
footer ul{
  text-align:center
}
footer li{
  margin:0 10px 10px 0;
  padding:0 10px 0 0
}
footer li:nth-child(3){
  margin-right:0;
  padding:0;
  border-right:0;
}
footer li:nth-child(4),
footer li:nth-child(5)
{
  width:100%;
  margin:0 0 15px 0;
  /*padding:0*/
  border:0;
}
footer li.sns{
  margin:0 5px
}
footer p{
  font-size:12px;
  text-align:center
}

#bottom{position:fixed;right:0;bottom:0;margin:0;z-index:3}
#bottom a{display:block;padding:15px 10px}
#bottom img{width:24px;height:24px}

}

/*************************************/
@media screen and (max-width:414px){
	.select{
	  height:40px;
	  width:100%;
	  font-size:11px;
	  overflow-y:hidden;
	  overflow-x:auto;
	  -webkit-overflow-scrolling:touch
	}
	.select ul{
	  height:40px;
	  width:220%;
	}
}
/* ***********************************
	express
************************************* */
/* -------------------------------
 * [プログラム]
 ------------------------------- */
span.subTitle { 
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-top:20px;
	color:#0a3a60;
	border-bottom: solid 3px #0a3a60;
}
div.pg_chedule {
	padding:20px 22px 5px 22px;
	font-weight:bold;
	background:#F7F7F7;
}
/* -------------------------------
 * [loop-post]
 ------------------------------- */
.post-data {
	/*padding-bottom:4px;*/
	/*border-bottom:1px dotted #ccc;*/
}
.post_time {
	display:inline-block;
	text-align:right;
	font-size:12px!important;
	color:#666;
	font-weight:normal;
	margin-bottom:0;
	line-height:0;
	padding-right:10px;
}
.pg {
	font-size:0.9em;
	border: 1px dotted #ddd;
	padding:20px;
	overflow:auto;
	margin-bottom:20px;
}
	.pg img {
		float:left;
		width:160px;
		margin-right:14px;
	}
	.pg a:hover img {
		opacity:1;
	}
	.pg p { display:none }
	.pg > p.pg-text {
		display:block;
		margin-left:180px
	}
	.pg a {font-weight:bold}
	.pg a:last-child{
		display:inline-block;
		margin-top:4px;
		padding: 2px 20px;
		border:1px solid #0a3a60;
		text-decoration:none;
		color:#0a3a60;
	}
	.pg a:last-child:hover{
		color:#fff;
		background:#0a3a60;
	}
	@media screen and (max-width:736px){
		.pg img {
			float:none;
			width:100%;
			margin-bottom:20px;
			margin-right:0;
		}
		.pg > p.pg-text {
			margin-left:0
		}

	}
	
/* -------------------------------
 * [shar button]
 ------------------------------- */
.sns_small {
	vertical-align:middle!important;
	margin-top:6px;/*14*/
	line-height:2.1em!important;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .sns_small { line-height:2.3em!important; } /* IE11 */
}
	.sns_small a {
		display:inline-block;
		text-align:center;
		width:40px;/*78 - 57*/
		height:22px;/*22*/
		border-radius:4px;
		padding-top:6px;
		vertical-align: baseline !important;
		margin-right:4px;
	}
	.sns_small .facebook {
		background:#374987;
	}
		.sns_small .facebook span {
			color:#fff;
			display:inline-block;
			vertical-align:top;
		}
	.sns_small a.twitter {
		/*margin-left:4px;*/
	}
	.sns_small a > img {
		height:16px;width:auto;
		/*vertical-align:text-bottom;*/
		padding:0;
	}
	.sns_small .twitter {
	  background-color: #008DDE;
	}
	.sns_small .line {
	  background-color: #03C302;
	}
	.sns_small .hatena {
	  background-color: #00a4de;
	}
	.sns_small .pocket {
	  background-color: #e03e53;
	}
	.fb_iframe_widget > span {
		vertical-align: baseline !important;
	}

.sns_big {
  /*margin: 50px auto;*/
  margin: 40px auto 20px auto;
}
	.sns_big div {
		margin:auto;
		text-align:center;
	}
	.sns_big a {
	  display: inline-block;
	  position: relative;
	  font-size: 14px;
	  font-weight: bold;
	  text-align: center;
	  text-decoration: none;
	  color: white;
	  padding: 14px 0px; /* padding: 14px 80px;*/
	  width: calc(100% / 3);
	  width: -webkit-calc(100% / 3);
	  box-sizing: border-box;
	  line-height:20px
	}
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, .sns_big a { width: calc(100% / 3 - 1px); } /* IE11 */
	}
	.sns_big .facebook {
	  background-color: #2e4a88;
	  box-shadow: 0 4px 0 #1B3D82;
	}
	.sns_big .facebook:active {
		top: 2px;
		box-shadow: 0 2px 0 #1B3D82;
	}
	.sns_big .twitter {
	  background-color: #008DDE;
	  box-shadow: 0 4px 0 #0078BD;
	}
	.sns_big .twitter:active {
		top: 2px;
		box-shadow: 0 2px 0 #0078BD;
	}
	.sns_big .line {
	  background-color: #03C302;
	  box-shadow: 0 4px 0 #0a9009;
	}
	.sns_big .line:active {
		top: 2px;
		box-shadow: 0 2px 0 #03C302;
	}
	.sns_big span {font-size:1.6em;padding-right:6px;vertical-align:text-bottom}
	
@media screen and (max-width:736px){
	.sns_big a { padding: 9px 0 6px }
	.sns_big span {
		padding:0;
	}
}

/* -------------------------------
 * [sidebar 最新記事]
 ------------------------------- */
.recent_posts {
	margin:0;padding:0;
}
.recent_posts li {
	padding:10px 0;
	margin: 0;
    overflow: hidden;
	clear:both;
    border-bottom: 1px solid #ecebeb;
    background:#fff;
}
.recent_posts li:first-child{
	/*padding-top:0;*/
}
.recent_posts li dl {
    margin: 0;
    padding: 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.recent_posts li dt {
	width: 100px;
	/*height: 56px;*/
    padding: 0;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    position: relative;
    background: url(./img/noimage.png) no-repeat center center;
    background-size: 105% auto;
    display: flex;
}
.recent_posts li dt a {
	width: 100%;
    display: block;
    background-size: 105% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.recent_posts li dd {
	width: calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	padding: 0 0 0 8px;
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 13px !important;
	text-overflow: ellipsis;
}
.recent_posts li dd a {
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: bold;
}
.popular_posts li dd a {
	height: 59px;
	-webkit-line-clamp: 3;
}
	@media all and (-ms-high-contrast: none){
		.recent_posts li dd a ,
		.popular_posts li dd a {
			display: block;
		}
	}
.recent_posts li dd em {
	margin-top:4px;
}

span.recent-post-cate:before {
		padding:0 4px;
		content: "\ff5c";
}
.ranking-list span.recent-post-cate:before {
	content:"";
	padding:0;
}

.count_num {
    display: block;
    text-align:center;
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    background: #4299DD;
    font-size: 14px;
    /*font-size: 1.6rem;*/
    width: 26px;
    line-height: 26px;
    -webkit-background-size: 26px;
    background-size: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    /*text-indent: -9999px;*/
    position: absolute;
    left: 0;
    top: 0
}
.wide .count_num{
    width: 34px;
    line-height: 34px;
    -webkit-background-size: 34px;
    background-size: 34px;
    font-size:15px;
    font-weight:bold;
}
.recent_posts li:first-child .count_num, .ranking-list li:first-child .count_num { background:#f14a61 }
.recent_posts li:nth-child(2) .count_num, .ranking-list li:nth-child(2) .count_num{ background:#f1814a }
.recent_posts li:nth-child(3) .count_num, .ranking-list li:nth-child(3) .count_num{ background:#3bc15f }

.count_num:before {
  counter-increment: number 1;
  content: counter(number) " ";
}
h4 {counter-reset:number;}

@media screen and (max-width: 980px) {
	.recent-posts dt { margin-right:20px }
	.recent-posts dt div {
		width:200px;height:112px;
	}
	.recent-posts dt em {
		width:200px;height:112px;
	}
}
@media screen and (max-width: 736px) {
	.recent_posts li,
	.recent_posts li:first-child {
		padding:8px 10px;
	}
	.recent_posts li dt {
		width:150px;height:84px;
	}
	.recent_posts li dd {
		width: calc(100% - 160px);
		width: -webkit-calc(100% - 160px);
	}
	.recent_posts li dd a {
		height: 56px;
		-webkit-line-clamp: 3;
	}
	.recent_posts li dd em {
		margin-top:12px;
	}
	.popular_posts li dd a {
		height: 76px;
		-webkit-line-clamp: 4;
	}
}



/* -------------------------------
* [sidebar sns]
 ------------------------------- */
section.sidebar-sns {
	margin:0 auto;
}
section.sidebar-sns p,
section.sidebar-sns a { color:#A2A1A2 }

section.sidebar-sns a {
	font-size:30px;
	display:inline-block;
	margin-right:14px;
}
	section.sidebar-sns a:last-child {
		margin-right:0;
	}
	section.sidebar-sns a:hover {
		text-decoration:none;
		opacity:0.6;
	}

/* -------------------------------
 * [記事内スタイル]
 ------------------------------- */
.article-tags {
	display:inline-block;
	margin-right:10px;
	font-size:12px;
	background:none;
	color:#666;
	font-weight:normal;
}

h4.midashi {
	font-weight:bold;
	padding: .2em 0 .2em .75em;/*.35em 0 .35em .75em*/
	border-left: 6px solid #0a3a60;
	margin-top:36px;
	font-size:18px;
	line-height:24px;
}
ul.info-list {
	list-style-type:disc;
	padding:0px 30px 10px 40px;
}
ul.info-list li {
	padding:6px 0;
	/* margin-bottom:5px */
}
p.info-text {margin:10px 30px}

/* amazon link */
.linkBox { overflow:hidden;border:5px solid #4299DD;padding:5px 18px;margin-top:30px;background:ivory}
.linkBox .link-thum {float:left;margin-right:10px}
.linkBox .link-thum img {width:auto}
.linkBox .link-data {padding-top:18px}
.linkBox .link-data span.title {font-size:1.18em;background:linear-gradient(rgba(254,254,152,0) 40%, #ffff66 60%);}
.linkBox .link-button {text-align:right}
.linkBox .link-button {margin-top:8px}
.linkBox .link-data a {position:relative;display:inline-block;}
.linkBox .link-data a img {height:52px;width:auto;}
.linkBox p {display:none}

@media screen and (max-width:736px){
.linkBox {padding-bottom:20px}
.linkBox .link-thum {float:none;margin:0;text-align:center}
.linkBox .link-data {padding-top:10px}
.linkBox .link-button {text-align:center}
}

/* トップページリンク */
.toppage_link {margin-bottom:50px}
.toppage_link a {
	text-align:center;
	position: relative;
	font-size: 14px;
    display: inline-block;
    width:100%;
    font-weight: bold;
    padding: 1em 0;
    text-decoration: none;
    color: #FFF;
    background: #ff7f7f;
    box-shadow: 0 4px 0 #c55a5a;
    /*transition: .4s;*/
    vertical-align: text-bottom!important;
}
.toppage_link a:active {
	top: 2px;
	box-shadow: 0 2px 0 #ff7f7f;
}
.toppage_link a span {
	font-size: 1.6em;
    padding-right: 6px;
    vertical-align: text-bottom!important;
}

/* シリーズリンク */
p.series_link a {
	font-weight:bold;
	text-align:center;
	border:1px solid #0a3a60;
	display:block;
	padding:10px 5px;
	text-decoration:none;
	color:#0a3a60;
	font-size:16px;
}
	p.series_link a:hover {
		background:#0a3a60;
		color:#fff;
	}
	@media screen and (max-width:736px){
		p.series_link a {
			font-size:0.8em;
		}
	}
/* -------------------------------
 * [スカパー！]
 ------------------------------- */
.skper-guide {
	padding-left: 20px;
	font-weight:bold;
	list-style-type: disc;
	color:#0a3a60;
}
	.skper-guide li {
		padding-bottom:20px;
	}
	.skper-guide span {
		display:block;
		font-size:13px;
		font-weight:normal;
		line-height: 14px;
		color:#000;
	}
/* -------------------------------
 * [利用規約]
 ------------------------------- */
#terms a {text-decoration:underline}
#terms dt {font-weight:bold;margin-top:30px}
body{counter-reset:number}
#terms dt:before {
	counter-increment: number;
	content: counter(number)". ";
}
#terms ul {list-style-type:disc}
#terms ul > li {padding-bottom:18px}
#terms .terms_midashi {margin:20px 0 0 0;font-weight:bold}

/* -------------------------------
 * [プログラム詳細]
 * http://kotori-blog.com/wordpress/customfieldtemplate_add/
 ------------------------------- */
#programTable{
	background:#f7f7f7;
	padding:5px 18px 10px;
	*padding:10px 18px 10px;
	padding:10px 18px 10px\9;
	min-height:1%;
	margin-bottom:10px;
}
dl.program_detail {
	padding:16px 0 16px 0;
	border-bottom:1px dotted #ddd;
	overflow:hidden;
	margin:0 10px;
}
dl.program_detail:last-child {
	border:0;
}
	dl.program_detail dt {
		float:left;
		position: relative;
	}
	dl.program_detail dt .pg_gazou {
		width:200px;
		height:113px;
	    position: relative;
    }
	dl.program_detail dt em {
		height:113px;
		display: block;
		position: relative;
		background: url(./img/noimage.png) no-repeat center center;
		background-size: 100% auto;
	}
	dl.program_detail dt em a:before {
		content: "";
		display: block;
		padding-top: 56.25%; /* 高さを幅の75%に固定 */
		margin-bottom:10px;
    }
	dl.program_detail dt em a {
		width: 100%;
		display: block;
		background-size: 100% auto;
		background-position: center top;
		background-repeat: no-repeat;
		line-height: 14px;
	}
	dl.program_detail dt span {
		position:absolute;
		top: calc(50% - 17px);
	    top: -webkit-calc(50% - 17px);
		left: calc(50% - 17px);
	    left: -webkit-calc(50% - 17px);
	}
	dl.program_detail dt span,
	dl.program_detail dt span img {
		width:34px; height:34px;
	}
	dl.program_detail dd {
		font-size:14px;
		padding-left: 220px;
	}
	dl.program_detail span.pg_sharp {
		background: #0c395e;
		color: #fff;
		text-shadow: none;
		border-radius: 3px;
		padding: 4px 6px 5px;
		width: 48px;
		text-align: center;
		margin-right: 12px;
		font-size: 12px;
		font-weight: normal;
		line-height: 100%;
		float: left;
    	vertical-align: text-top;
	}
	dl.program_detail span.pg_sharp:empty {
		display:none;
	}
	dl.program_detail p.pg_subtitle {
		position: relative;
		color: #0c395e;
		font-weight: bold;
		font-size:15px;
    	vertical-align: top;
    	line-height:22px;
    	margin-bottom:4px;
    }
@media screen and (max-width:736px){
	dl.program_detail dt {float:none}
	dl.program_detail dt .pg_gazou {
		width:100%; height:auto;
	}
	dl.program_detail dt em {
		height:200px;/*auto;*/
	}
	dl.program_detail dt span {
		top: calc(50% - 21px);
	    top: -webkit-calc(50% - 21px);
		left: calc(50% - 21px);
	    left: -webkit-calc(50% - 21px);
	}
	dl.program_detail dt span,
	dl.program_detail dt span img {
		width:42px;height:42px;
	}
	dl.program_detail dd {
		padding-left: 0px;
		padding-top:20px;
	}
}

/* -------------------------------
 * Google AdSence
 ------------------------------- */
.infeed_list {
border-bottom:1px solid #ecebeb;
margin-bottom:8px;
height:auto;
line-height:20px;
}

.infeed_list_pc {

}

/* common */
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.text-bold{font-weight:bold}
.text-small{font-size:0.8em}
.text-underline{text-decoration:underline}
.text-red{color:red}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb50{margin-bottom:50px!important}
.mt10{margin-top:10px!important}
.mb5{margin-bottom:5px!important}
.mt5{margin-top:5px!important}
.pr10{padding-right:10px!important}
.bt{border-top:1px dotted #ccc}

/* icon font */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-hatebu:before{content:"\e901"}
.icon-pocket:before{content:"\e902"}
.icon-line:before{content:"\e900"}
.icon-mobile2:before{content:"\e959"}
.icon-star-full:before{content:"\e9d9"}
.icon-mail:before{content:"\ea84"}
.icon-facebook:before{content:"\ea90"}
.icon-fb:before{content:"\ea91"}
.icon-instagram:before{content:"\ea92"}
.icon-tw:before{content:"\ea96"}
.icon-rss:before{content:"\ea9c"}
.icon-youtube:before{content:"\ea9d"}
.icon-new-tab:before{content:"\ea7e"}
.icon-arrow-left2:before{content: "\ea40"}
.icon-star-empty:before {content: "\e9d7"}
.icon-bookmark:before {content: "\e9d2"}
.icon-magic-wand:before {content: "\e997"}
.icon-search:before {content: "\e986"}
.icon-pinterest:before {content: "\ead1";}

.icon-tw-color {color:#008DDE}
.icon-fb-color {color:#2e4a88}
.icon-line-color {color:#03C302}
.icon-instagram-color {color:#2A2A2A}


.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video {margin-bottom:20px}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/*top renewal*/
.top{
  background-color: #F3F3F3;
}
#header-bar{
  padding: 0 18px;
  height: 45px;
  background-color: #203A5F;
}
.container{
  max-width:1400px;
  margin: auto;
}
#header-bar>.container,
header>.container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header-bar a:hover{
  text-decoration: none;
}
header>.container .ad{
  margin: 0;
}
#header-bar #search input{
  padding: 5px 10px!important;
  font-size: 1.1em;
  border: none;
  border-radius: 2px;
  /*margin-top: 5px;*/
  background-color: #405879;
  color: #AAB5CC;
}
#header-bar #search p {
  background-color: #405879;
  padding-left:8px;
  margin-top:5px;
  border-radius: 2px;
}
#header-bar #search span {
  color: #AAB5CC;
}

#header-bar li {
  margin: 0 0 0 15px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
#header-bar li a {
  font-size: 22px;
  color: #D6E0EF;
}
	#header-bar li a:hover {
	  color: #fff;
	}
main#index {
  max-width: 1064px;
  width: calc(100% - 350px);
}
main.wide {
  max-width: 1054px;
  width: calc(100% - 350px);
}

main#index h3,
aside h3{
  border-top:none;
  border-bottom:solid 5px;
  padding: 0px 0 8px 0;
}
main#index h3:before,
aside h3:before{
  display: none;
}
main#index #news h3 {
  border-bottom-color: #CD3B22;
}
main#index #column h3{
  border-bottom-color: #76A31F;
}
main#index #quiz h3 {
  border-bottom-color: #7CD0BA;
}
main#index #trend h3{
  /*border-bottom-color: #203A5F;*/
  /*border-bottom-color:#000;*/
  border-bottom-color:#7CD0BA;
}
main#index #movie h3{
  border-bottom-color: #E1AC24;
}
main#index .date{
  position: absolute;
  bottom: 10px;
  left: 15px;
  font-size: 0.9em;
  font-weight: normal;
}
main#index .tab{
  border-radius:0;
  position: absolute;
  right: 0;
  bottom: 10px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  font-weight:normal;

  padding: 0 10px;
  width: auto;

}
.more a{
/*main#index .more a,
#topics .more a,
.order0 .more a,
.order1 .more a,
.order2 more a*/
  border: none;
  border-radius: 0;
  background-color: #fff;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}
.more a:after{
/*main#index .more a:after,
#topics .more a:after,
.order0 .more a:after,
.order1 .more a:after,
.order2 .more a:after*/
  border: 0;
  position: relative;
  transform: rotate(0);
  margin: 0;
  margin-left: 1em;
  width: 16px;
  height: 16px;
  background-image: url(img/more-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;

}

/* top news list*/

main#index .news-list,
main#index .column-list,
main#index .trend-list {
  margin:0;
  padding:0
}
main#index .news-list li,
main#index .column-list li,
main#index .trend-list li {
  margin:0 0 10px 0;/*18*/
  padding:0 0 0px 0;
  border: none;
}
main#index .news-list li dl,
main#index .column-list li dl,
main#index .trend-list li dl {
  margin:0;
  padding:0;
  background-color: white;
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/

}
main#index .news-list li dt,
main#index .column-list li dt,
main#index .trend-list li dt {

  width:200px;
  /*margin:0 20px 0 0;*/
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin: 0;
  vertical-align:top;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:105% auto;
  display: flex;
}
main#index .news-list li dt :before,
main#index .column-list li dt :before,
main#index .trend-list li dt :before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
main#index .news-list li dt a,
main#index .column-list li dt a,
main#index .trend-list li dt a {
  width:100%;
  display:block;
  background-size:105% auto;
  background-position:center center;
  background-repeat:no-repeat
}
main#index .news-list li dd,
main#index .column-list li dd,
main#index .trend-list li dd,
main#index .pickup-list li dd {
  width:calc(100% - 220px);
  width:-webkit-calc(100% - 220px);
  margin:0;
  padding: 15px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  line-height:1.6;
  font-size: 13px !important;
  font-weight: bold;
  
  text-overflow: ellipsis;
}
main#index .news-list li dd a,
main#index .column-list li dd a,
main#index .trend-list li dd a {
  height: 62px;/*63*/
  overflow: hidden;
/*  text-overflow: ellipsis;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media all and (-ms-high-contrast: none){
	main#index .news-list li dd a,
	main#index .column-list li dd a,
	main#index .trend-list li dd a {
		display:block;
		text-overflow: ellipsis;
	}
}

main#index #news li:first-child a,
main#index #column li:first-child a,
main#index #trend li:first-child a{
  font-size: 1rem;
  font-weight: bold;
}
main#index #news li:first-child dl,
main#index #column li:first-child dl,
main#index #trend li:first-child dl{
  display: block;
}
main#index #news li:first-child dt,
main#index #column li:first-child dt,
main#index #trend li:first-child dt{
  width: 100%;
}
main#index #news li:first-child dd,
main#index #column li:first-child dd,
main#index #trend li:first-child dd{
  width: auto;
  display: block;
  height: 5em;
  
  overflow: hidden;
  text-overflow: ellipsis;
}

main#index #news li:first-child dd a,
main#index #column li:first-child dd a,
main#index #trend li:first-child dd a{
  height: 46px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

main#index .column-list li,
main#index .trend-list li{
  width:100%;
}
#topics .column-list a:before,
#topics .column-list em:before{
  display: none;
}
#topics .column-list li{
  border: none;
  width: 100%;
  margin: 0;
}
#topics .column-list li p{
  background: none;
  background-color: white;
  border: 0;
  padding: 10px!important;
  display: flex;
  width: auto;
}
#topics .column-list li .date{
  position: relative;
  left: auto;
  bottom: auto;
  margin-right: 2em;
  font-size: 0.9em;
}

main#index #quiz .banner-list,
main#index #quiz .banner-list li {
	margin-bottom:10px!important;
}

aside h4 {
  padding: 0 0 8px 0;
  border-bottom: solid 5px #0a3a60;
  font-size:18px;
}
aside h4 span {
	margin-right:4px;
	margin-top:-2px;
	height:20px;width:20px;
}
	@media screen and (max-width:736px){
		aside h4 {
			margin-bottom:0;
			padding-left:10px;
		}
	}
#new_quiz h4 {
  border-bottom: solid 5px #7CD0BA;
}
#new_quiz h4:before {
	content: "";
	background: url(./img/nav_quiz.png) no-repeat left center;
	padding-left: 26px;
}
#reco_program h4 {
  border-bottom: solid 5px #4C82D4;
}
#reco_program h4:before {
	content: "";
	background: url(./img/nav_skyperfectv.png) no-repeat left center;
	padding-left: 26px;
}

#global li.news.on a,
#global li.news a:hover{
  background-color: #FFD7D0;
}

#global li.column.on a,
#global li.column a:hover{
  background-color: #EEFFCE;
}

#global li.quiz.on a,
#global li.quiz a:hover{
  background-color: #C7FFF0;
}
#global li.movie.on a,
#global li.movie a:hover{
  background-color: #FFEEC3;
}
#global li.app.on a,
#global li.app a:hover{
  background-color: #DFC2FA;

}
#global li.skyperfectv.on a,
#global li.skyperfectv a:hover{
  background-color: #CBDFFF;
}
#global li.youtube.on a,
#global li.youtube a:hover{
  background-color: #FFD9C3;
}
/* top pickup*/

.top #pickup{
  width: 500px;
  float: left;
  vertical-align:top;
}
.top .pickup-list{
  margin:0 0 10px 0;
  padding:0;
}
.top .pickup-list li{
  margin:0 0 10px 0;
  padding:0
}
.top .pickup-list li img{
  width:100%
}
.top .pickup-list li a{
  color:#0a3a60;
}
.top .pickup-list li dl{
  margin:0;
  padding:0;
  position:relative;
  display: flex;
  background-color: white;
}
.top .pickup-list li dt{
  margin:0;
  padding:0;
  vertical-align:top;
  position:relative;
  background:url(./img/noimage.png) no-repeat center center;
  background-size:100% auto;
  width: 200px;
}
.top .pickup-list li dt :before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.top .pickup-list li dt a{
  width:100%;
  display:block;
}
.top .pickup-list li dd{
  font-size:14px;
  line-height:1.4;
  margin:0;
  padding:0;
  position: relative;
  width: calc(100% - 200px);
}
.top .pickup-list li dd a{
  display:block;
  /*padding:15px;*/
  background: rgba(0,0,0,0.0);
}
.top .pickup-list.type2{
  margin:0 0 -36px 0;
  padding:0;
}
.top .pickup-list.type2 li{
  width:calc(50% - 18px);
  width:-webkit-calc(50% - 18px);
  margin:0 36px 36px 0;
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top
}
.top .pickup-list.type2 li:nth-child(2n){
  margin-right:0
}


@media screen and (max-width:1386px) and (min-width:980px){
  main#index{
    /*width: calc(100% - 400px);*/
  }
  main#index {
    margin: 30px 30px 20px auto;
  }
  #news{
    margin: 0 30px 0 0;
  }
  #news,
  #column,
  #trend,
  #movie,
  .top #pickup,
  #topics{
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 980px){
  .top #pickup {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    margin: 0;
  }
}
@media screen and (max-width: 736px){
  .top .pickup-list li dt{
    width: 150px;
  }
  .top #pickup {
    width:100%;
    margin: 0;
    float:none;
  }
  #global li a {
    margin-left: 0px;
    margin-right: 0px;
  }
  #global li {
    border-bottom: none;
  }
  #global .sp_serach { display:block }
  #topics .column-list li p{
    display: block;

  }
  header #logo img[src*="head_banner"] {
    width: 150px;

  }
  main#index .news-list li dt,
  main#index .column-list li dt,
  main#index .trend-list li dt{
    width: 150px;
  }
  main#index .news-list li dd,
  main#index .column-list li dd,
  main#index .trend-list li dd,
  main#index .pickup-list li dd {
    width: calc(100% - 160px);
    /*padding: 5px;*/
    padding: 5px 3px 5px 7px!important;
  }
  main#index .tab {
    bottom: 0;
  }
  #movie p:nth-of-type(2){
    padding: 8px 3px 8px 7px;
    font-size: 13px !important;
  }
  #movie p:nth-of-type(2) a {
    height:82px;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 13px !important;
  }
  main#index .news-list li dd a,
  main#index .trend-list li dd a,
  main#index .pickup-list li dd a {
    font-weight: bold;
    overflow: hidden;
    /* height: 5em; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding:0!important;
  }
  #topics .date {
    left: 0px!important;
  }
  /*#head-block form*/
  .sp #searchform {
    padding: 1em;
    background-color: #203A5F;
  }
  .sp #searchform p{
    margin: 0;
    background-color: #405879;
    border-radius:2px;
    text-align:left;
  }
  /*#head-block input*/
  .sp #searchform input {
    display: inline-block;
    width: 90%;
    padding: 5px 10px!important;
    font-size: 1.1em;
    border: none;
    background-color: #405879;
    color: #fff;
  }
  .sp #searchform span.icon-search {
  	display:inline-block!important;
  	width:auto;
  	color: #AAB5CC;
  	padding-top:4px;
  	padding-left:4px;
  }
  .sp #searchform span.icon-search:hover {
  	display:inline-block!important;
  }
}
/* nordot */
div.media_block{
margin-bottom:10px
}
a.continue-link{
	padding: 1rem 2rem;
	margin: 2rem auto;
	display: block;
	background-color: #fff;
	text-align: center;
	width: 220px;
	text-decoration:none;
	border: 1px solid #0a3a60;
	color:#0a3a60;
	font-weight:bold;
}

@media screen and (max-width: 736px){
	a.continue-link{
		width:100%;
		padding:15px 0;
	}
}
/* ad display */
.ad_display_wide {
	margin-bottom:30px;
}
.ad_wide {
	width: 100%;
    height: 280px;
    background:#fff;
}

/* ad matched content */
.ad-matched{
background:#fff;
padding-bottom:10px
}
#ad_profitx {
	padding-bottom: 20px;
}

/* ad_adsense_double */
.ad_adsense_double {
	margin: 2em auto!important;
	display: flex;
	justify-content: center;
}
.ad_adsense_double div {
	height:250px;width:300px;
}
.ad_adsense_double_right {
	margin-left:1.5em
}

@media screen and (max-width: 736px){
	.ad-matched{
		padding:0 10px 10px 10px;
	}
	.ad_adsense_double,
	.ad_adsense_double_left,
	.ad_adsense_double_right {
		display:none;
	}
	.ad_adsense_double {
		/*display: block;*/
		/*margin:0 auto 30px auto!important;*/
	}
	.ad_adsense_double_right {
		margin-left:0;
	}

}

/* キャプション */
figure {
	margin-bottom:30px;
}
.wp-caption, .alignnone {
	max-width: 100%;
}
.wp-caption-text {
	font-size: .8em;
	color:#999;
	text-align:center;
	padding-top:6px;
	line-height:1.5em;
}

/* インスタ埋め込み */
@media screen and (max-width: 736px){
  iframe.instagram-media{
    width:700px!important; 
    max-width: 100%!important;
    min-width: initial!important;
  }
}