@charset "UTF-8";

/* reset */
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;

}
body,div,p,li,ul,ol,dt,dd,form{
	margin:0;
	padding:0;
}
li{
	list-style-type:none;
}
table{
	border-collapse:collapse;
}
th,td{
	text-align:left;
	font-weight:normal;
}
img{
	border:none;
	width:auto;
	height:auto;
}
a:hover img{
	opacity:.7;
}
.clearfix::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#imagelightbox{
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
}
body{
	color:#333;
	font-family:sans-serif;
	font-size:80%;
	line-height:1.5;
	background:#A7DBF6;
}
@font-face {
  font-family: 'fontello';
  src: url('/common/font/fontello.eot?1221975');
  src: url('/common/font/fontello.eot?1221975#iefix') format('embedded-opentype'),
       url('/common/font/fontello.woff?1221975') format('woff'),
       url('/common/font/fontello.ttf?1221975') format('truetype'),
       url('/common/font/fontello.svg?1221975#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none; 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-male:before { content: '\e800'; }
.icon-user:before { content: '\e801'; }
.icon-website:before { content: '\e802'; }
.icon-monitor:before { content: '\e803'; }
.icon-home:before { content: '\e804'; }
.icon-crown:before { content: '\e805'; }
.icon-search:before { content: '\e806'; }
.icon-picture:before { content: '\e807'; }
.icon-chart-bar:before { content: '\e808'; }
.icon-lightbulb:before { content: '\e809'; }
.icon-child:before { content: '\e80a'; }
.icon-twitter:before { content: '\e80b'; }
.icon-menu:before { content: '\e80c'; }
.icon-mail:before { content: '\e80d'; }
.icon-female:before { content: '\e80e'; }
.icon-tags:before { content: '\e80f'; }
.icon-tag:before { content: '\e810'; }
.icon-chart-pie-alt:before { content: '\e811'; }
.icon-down-open:before { content: '\e812'; }
.icon-left-open:before { content: '\e813'; }
.icon-right-open:before { content: '\e814'; }
.icon-commerical-building:before { content: '\e815'; }
.icon-th-list:before { content: '\e816'; }
.icon-up:before { content: '\e817'; }
.icon-right:before { content: '\e818'; }
.icon-down:before { content: '\e819'; }
.icon-left:before { content: '\e81a'; }
.icon-up-open:before { content: '\e81b'; }

/* header
--------------------------------------------------------------------*/
@media(max-width: 767px){
	body{
		font-size:70%;
	}
	#wrapper>header{
		background:#FFF;
		padding-top:3%;
		position:relative;
	}
	#wrapper>header>h1 {
		text-align:center;
		margin-bottom:8px;
	}
	#wrapper>header>h1 img{
		width:50%;
	}
	/* sns */
	#wrapper>header aside{
		display:none;
	}
	/* nav */
	#wrapper>header>nav{
		background-color:#FFF;
	}
	#wrapper>header>nav ul{
		display:table;
		width:100%;
	}
	#wrapper>header>nav li{
		display:table-cell;
		width:20%;
		text-align:center;
	}
	#wrapper>header>nav li a{
		color:#FFF;
		display:block;
		text-decoration:none;
		background:#5E4240;
		padding:6px;
		border-right:2px solid #FFF;
		border-radius:8px 8px 0 0;
		font-size:.6rem;
	}
	#wrapper>header>nav li:nth-last-child(2) a{
		border-right:none;
	}
	#wrapper>header>nav li.active a{
		background:#A7DBF6;
	}
	
	#wrapper>header>nav li.search{
		position:absolute;
		right:3%;
		top:15%;
		width:auto;
	}
	#wrapper>header>nav li.search a{
		height:20px;
		width:20px;
		border-radius:20px;
		font-size:.6rem;
		overflow:hidden;
	}
	#content{
		position:relative;
	}
}
@media(min-width: 1154px){
	#content {
		display: flex;
	}
	#wrapper>header>nav ul,
	#header-search form,
	#content{
		width:1154px;
	}
	main{
		width:788px;
	}
}
@media(min-width: 768px) and (max-width: 1153px){
	#content {
		display: flex;
	}
	#wrapper>header>nav ul,
	#header-search form,
	#content{
		width:1094px;
	}
	main{
		width:728px;
	}
}
@media(min-width: 768px){
	#wrapper>header{
		padding-top:12px;
		margin:auto;
		text-align:center;
		background-color:#FFF;
	}
	#wrapper>header h1{
		margin-bottom:10px;
	}
	/* sns */
	#wrapper>header aside{
		width:1058px;
		position:relative;
		margin:auto;
	}
	#wrapper>header aside ul{
		display:table;
		position:absolute;
		right:0;
		top:-50px;
	}
	#wrapper>header aside li{
		display:table-cell;
		padding-left:3px;
	}
	/* nav */
	#wrapper>header>nav{
		background-color:#FFF;
		border-bottom:4px solid #5E4240;
	}
	#wrapper>header>nav ul{
		display:table;
		margin:auto;
		position:relative;
		top:4px;
	}
	#wrapper>header>nav li{
		display:table-cell;
		width:16%;
		text-align:center;
	}
	#wrapper>header>nav li a{
		color:#FFF;
		display:block;
		text-decoration:none;
		background:#5E4240;
		padding:6px;
		border-right:2px solid #FFF;
		border-radius:8px 8px 0 0;
	}
	#wrapper>header>nav li:last-child a{
		border-right:none;
	}
	#wrapper>header>nav li.active a,
	#wrapper>header>nav li a:hover{
		background:#A7DBF6;
	}
}

/* search
--------------------------------------------------------------------*/
@media(max-width: 767px){
	#header-search{
		border-bottom:4px solid #5E4240;
		background:#A7DBF6;
		display:none;
		text-align:center;
		padding:10px;
	}
	#header-search form input[type="text"]{
		width:70%;
		border:2px solid #DDD;
		border-radius:4px 0 0 4px;
	}
	
	#header-search form input{
		height:24px;
		line-height:16px;
		vertical-align:middle;
	}
	#header-search form input[type="text"]{
		width:50%;
		border:2px solid #DDD;
		border-radius:4px 0 0 4px;
	}
	#header-search form input[type="submit"]{
		height:30px;
		border:2px solid #DDD;
		padding:5px 15px;
		border-radius:0 4px 4px 0;
	}
	#header-search .more{
		position:relative;
		top:2px;
		margin-left:10px;
		display:inline-block;
	}
	#header-search .more a{
		background:#5E4240;
		color:#FFF;
		border-radius:12px;
		text-decoration:none;
		padding:5px 10px;
		font-size:.6rem;
		border:2px solid #EEE;
	}
}
@media(min-width: 768px){
	#header-search{
		margin:auto;
		border-bottom:4px solid #5E4240;
		background:#A7DBF6;
		display:none;
	}
	#header-search form{
		text-align:center;
		margin:auto;
		padding:10px 0;
	}
	#header-search form input{
		height:24px;
		line-height:16px;
		vertical-align:middle;
		font-size:16px;
	}
	#header-search form input[type="text"]{
		width:50%;
		border:2px solid #DDD;
		border-radius:4px 0 0 4px;
	}
	#header-search form input[type="submit"]{
		height:30px;
		border:2px solid #DDD;
		padding:5px 15px;
		border-radius:0 4px 4px 0;
	}
	#header-search .more{
		position:relative;
		top:2px;
		margin-left:10px;
		display:inline-block;
	}
	#header-search .more a{
		background:#5E4240;
		color:#FFF;
		border-radius:10px;
		text-decoration:none;
		padding:2px 10px;
		font-size:.7rem;
		border:2px solid #EEE;
	
	}
	#header-search .more a:hover{
		background:#A7DBF6;
	}
	#content{
		margin:auto;
		margin-bottom:40px;
		padding-top:30px;
	}
	#content::after{
		clear:both;
		content:"";
		display:block;
		height:0;
	}
}
/* main
--------------------------------------------------------------------*/
#breadcrumb{
	margin-bottom:15px;
}
#breadcrumb::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#breadcrumb li{
	float:left;
	font-size:.7rem;
}
#breadcrumb li::after{
	color:#666;
	content:">";
	padding:0 10px;
}
main>section h2{
	background:#dfda44;
	border-radius:5px 5px 0 0;
	border-bottom:1px solid #CCC;
	font-weight:600;
	padding:8px 15px;
}
main>section p.intro{
	margin-bottom:15px;	
}
main>section::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
@media(max-width: 767px){
	main{
		padding:3%;	
	}
	main>section{
		padding:10px;
		border:2px solid #F0F0F0;
		background-color:#FFF;
		border-radius:8px;
		box-shadow:3px 3px 3px rgba(50,50,50,0.1);
		margin-bottom:12px;	
	}
	main>section h1{
		font-size:1rem;
		font-weight:900;
		border-bottom:2px solid #dfda44;
		margin-bottom:20px;
		padding-bottom:6px;
		position:relative;
	}
	main>section h1 span{
		color:#666;
		display:block;
		font-size:.6rem;
		font-weight:normal;
	}
	main>section.ad{
		height:auto;
		background:none;
		border:none;
		padding:0;
		border-radius:0;
		box-shadow:none;
		margin-bottom:25px;
	}
	main>section.ad>div:first-child{
		margin-bottom:25px;
	}
	main>section section.ad{
		margin:30px 0;
	}
	main>section section.ad .adsbygoogle{
		width:336px;
		height:280px;
	}
	main>section.social{
		background:none;
		border:none;
		padding:0;
		border-radius:0;
		box-shadow:none;
	}
	main>section.social>div{
		display:inline;
		margin:0 10px 15px 0;
	}
}
@media(max-width:320px){
	main>section section.ad .adsbygoogle{
		width:300px;
		height:250px;
	}
}
@media(min-width: 768px){
	main{
		margin:auto;
	}
	main>section {
		padding:30px;
		border:4px solid #F0F0F0;
		background-color:#FFF;
		border-radius:8px;
		box-shadow:3px 3px 3px rgba(50,50,50,0.1);
		margin-bottom:20px;
	}
	main>section h1{
		font-size:1.1rem;
		font-weight:900;
		border-bottom:2px solid #dfda44;
		margin-bottom:20px;
		padding-bottom:6px;
		position:relative;
	}
	main>section.ad{
		background:none;
		border:none;
		padding:0;
		border-radius:0;
		box-shadow:none;
		margin:30px 0;
	}
	main>section section.ad{
		margin:30px 0;
	}
	main>section.social{
		display:table;
		background:none;
		border:none;
		padding:0;
		border-radius:0;
		box-shadow:none;
		margin-bottom:10px;
	}
	main>section.social>div{
		display:table-cell;
		vertical-align:top;
		padding-right:10px;
	}
}

/* side
--------------------------------------------------------------------*/
	#side section{
		border:4px solid #F0F0F0;
		border-radius:8px;
		box-shadow:3px 3px 3px rgba(50,50,50,0.1);
		background-color:#FFF;
		margin-bottom:15px;
	}
	#side section.ad{
		padding:0;
		border:none;
		border-radius:0;
		box-shadow:none;
		background:none;
		text-align:center;
	}
	#side section h1{
		background:#dfda44;
		border-radius:5px 5px 0 0;
		border-bottom:1px solid #CCC;
		font-weight:600;
		padding:8px 15px;
	}
	#side section li{
		border-bottom:1px solid #DDD;
		display:table;
		width:100%;
		position:relative;
	}
	#side section li p.name>a{
		color:#333;
		text-decoration:none;
	}
	#side section li p.link>a{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	#side section li>p{
		display:table-cell;
		vertical-align:top;
	}
	#side section.person li>p.rank,
	#side section.birthday li>p.age{
		background:#F8F8F8;
		padding:10px;
		width:16%;
		text-align:center;
		white-space:nowrap;
	}
	#side section.person li>p.rank{
	}
	#side section.person li>p.rank span,
	#side section.birthday li>p.age span{
		font-size:.6rem;
		padding-left:.5px;
	}
	#side section li>p.name{
		padding:10px;
	}
	#side section li>p.name span{
		font-size:.6rem;
		color:#666;
	}
	#side section li>p.name span::before{
		content:"（";
	}
	#side section li>p.name span::after{
		content:"）";
	}
	/* popular */
	/* blog */
	#side section.popular li a,
	#side section.blog li a{
		display:block;
		padding:10px;
		text-decoration:none;
	}
	
	#side section.archive li a,
	#side section.news li a{
		display:block;
		padding:5px 10px;
		text-decoration:none;
		color:#333;
	
	}
	#side section .more a{
		display:block;
		text-decoration:none;
		text-align:right;
		padding:5px 10px;
		font-size:.7rem;
		border-radius:0 0 5px 5px;
	}
	/* blog parts */
	#side section.blog-parts a{
		display:block;
		text-decoration:none;
		padding:12px;
		color:#333;
	}
	#side .ad-side-bottom {
	position: sticky;	
}

@media(max-width: 767px){
	#side section.blog,
	#side section.birthday,
	#side section.person,
	#side section.popular{
		margin:3%;
	}
	#side section.person .more{
		display:none;
	}

	#side section.blog-parts{
		display:none;
	}
	#side section.ad {
		width:100%;
		text-align:center;
	}
	#side section.banner{
	/*	display:table;	*/
		display:none;
	}
	#side section.banner p{
		display:table-cell;
		padding:15px 12%;
		width:26%;
		text-align:center;
	}
	#side section.banner p img{
		max-width:50%;
	}
	#side section.banner p:first-child{
		border-right:1px solid #EEE;
	}
	#side section.fb-likebox{
		display:none;
	}
	#side section.twitter{
		margin:3%;
	}

}
@media(min-width: 768px){
	#side{
		width:336px;
	}
	/*
	#side section li:hover,
	#side section li:hover p.rank,
	#side section li:hover p.age,
	#side section .more a:hover,
	#side section.blog-parts a:hover{
		background:#A7DBF6;
	}
	*/
	#side section li.none:hover{
		background:none;
	}
	#side section li.none:hover p.rank{
		background:#F8F8F8;
	}
	/* banner */
	#side section.banner p{
		border-bottom:1px solid #DDD;
	}
	#side section.banner p:last-child{
		border-bottom:none;
	}
	#side section.banner a{
		display:block;
		text-align:center;
		padding:10px;
	}
	#side section.banner a img{
		width:50%;
	}
	#side section.ad .adsbygoogle{
		width:300px;
		height:1050px;
	}
}
/* pager
--------------------------------------------------------------------*/
.pager{
	text-align:center;
	margin:20px 0;
}
.pager a{
	text-decoration:none;
}
.pager span{
	color:#D00;
}
.pager span,
.pager a{
	display:inline-block;
	padding:8px 3%;
}
.pager::after{
	clear:both;
	content:"";
	height:0;
	display:block;
}
.pager .previous a,
.pager .next a{
	border-radius:15px;
	font-size:.7rem;
	padding:5px 15px;
	text-decoration:none;
	color:#FFF;
	background:#5E4240;
	display:block;
}
.pager .previous a{
	float:left;
}
.pager .next a{
	float:right;
}
.pager .previous a:hover,
.pager .next a:hover{
		background:#A7DBF6;
}

/* header
--------------------------------------------------------------------*/
@media(max-width: 767px){
	#wrapper>header>nav li.search a::before{
  		font-family: "fontello";
  		content: '\e806';
		font-size:.8rem;
		display:block;
		margin-bottom:50px;
		padding-top:1px;
		padding-right:1px;
	}
}
@media(min-width: 768px){
	#wrapper>header>nav li a::before{
  		font-family: "fontello";
		font-size:.9rem;
		margin-left:-10px;
		padding-right:8px;
	}
	#wrapper>header>nav li.home a::before{
  		content: '\e804'; /* home */
	}
	#wrapper>header>nav li.ranking a::before{
  		content: '\e805'; /* crown */
	}
	#wrapper>header>nav li.list a::before{
  		content: '\e816'; /* th-list */
	}
	#wrapper>header>nav li.program a::before{
  		content: '\e803'; /* monitor */
	}
	#wrapper>header>nav li.blog a::before{
  		content: '\e802'; /* website */
	}
	#wrapper>header>nav li.search a::before{
  		content: '\e806'; /* search */
	}
}

/* pager
--------------------------------------------------------------------*/
.pager .previous a::before,
.pager .next a::after{
  	font-family: "fontello";
}
.pager .previous a::before{
	content:"\e813";
	padding-right:8px;
}
.pager .next a::after{
	content:"\e814";
	padding-left:8px;
}
/* snav
--------------------------------------------------------------------*/
.snav li a::before{
  	font-family: "fontello";
  	content: '\e814';
	font-size:.5rem;
	padding:1px 5px 0 0;
}
#person .snav li a::before{
  	font-family: "fontello";
  	content: '\e812';
	font-size:.5rem;
	padding:1px 5px 0 0;
}

/* side
--------------------------------------------------------------------*/
#side section.blog li p.new a::after{
	border-radius:5px;
	background:#D00;
	display:inline-block;
	content:"new";
	color:#FFF;
	font-size:.6rem;
	margin-left:5px;
	padding:1px 3px;
}

/* footer
--------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 0;
	right: 15px;
	font-size: 77%;
	z-index:100;
}
#pagetop::before{
	pointer:cursor;
	background:#FFF;
	border:1px solid #CCC;
	border-radius:5px;
	padding:8px;
  	font-family: "fontello";
  	content: '\e81b';
	font-size:1.3rem;
	display:block;
	margin-bottom:20px;
	line-height:1;
}
#pagetop:hover::before{
	background:#A7DBF6;
	color:#FFF;
}

@media(max-width: 767px){
	#wrapper>footer{
		background:#EEE;
	}
	#wrapper>footer>h1{
		font-size:.9rem;
		font-weight:600;
		padding:15px 3%;
		position:relative;
	}
	#wrapper>footer>h1.active::after{
		background:#A7DBF6;
		content:"閉じる";
	}
	#wrapper>footer>h1::after{
		background:#5E4240;
		border-radius:10px;
		color:#FFF;
		content:"開く";
		display:block;
		font-size:.7rem;
		font-weight:100;
		padding:2px 10px;
		position:absolute;
		right:3%;
		top:30%;
	}	

	#wrapper>footer>.sitemap{
		font-size:.75rem;
		padding:0 3%;
		display:none;
	}
	#wrapper>footer>.sitemap::after{
		content:"";
		clear:both;
		height:0;
		display:block;
	}
	#wrapper>footer>.sitemap>section{
		float:left;
		width:100%;
	}
	#wrapper>footer>.sitemap>section.doc{
		clear:both;
	}
	#wrapper>footer>.sitemap>section>h2{
		margin-bottom:10px;
		font-weight:600;
		border-bottom:2px solid #555;
		padding-bottom:2px;
		min-width:100px;
	}
	#wrapper>footer>.sitemap>section>ul{
		margin-bottom:30px;
		padding-left:10px;
	}
	#wrapper>footer>.sitemap>section.ranking>ul,
	#wrapper>footer>.sitemap>section.list>ul{
	}
	#wrapper>footer>.sitemap>section.ranking>ul>li,
	#wrapper>footer>.sitemap>section.list>ul>li{
		float:left;
		margin-bottom:25px;
		width:45%;
		padding-right:5%;
		margin-left:0;
		font-weight:500;	
	}
	
	#wrapper>footer>.sitemap>section.ranking>ul>li:nth-child(2n),
	#wrapper>footer>.sitemap>section.list>ul>li:nth-child(2n){
		padding-right:0;
	}
	#wrapper>footer>.sitemap>section.ranking>ul>li:nth-child(2n+1),
	#wrapper>footer>.sitemap>section.list>ul>li:nth-child(2n+1){
		clear:both;
	}
	#wrapper>footer>.sitemap section li{
		position:relative !important;
		margin-left:5px;
	}
	#wrapper>footer>.sitemap section ul ul{
		padding-top:5px;
	}
	#wrapper>footer>.sitemap section ul ul li{
		margin-left:15px;
		font-weight:100;
	}
	#wrapper>footer>.sitemap li::after {
		display: block;
		content: '';
		position: absolute;
		top: .6em;
		left: -1em;
		width: 4px;
		height: 4px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#wrapper>footer>.sitemap>section.ranking>ul>li::after,
	#wrapper>footer>.sitemap>section.list>ul>li::after{
		display:none;
	}
	#wrapper>footer .footer-link{
		text-align:center;
		background:#5E4240;
		color:#FFF;
	}
	#wrapper>footer .footer-link a{
		color:#FFF;
		text-decoration:none;
		padding:0 20px;
	
	}
	#wrapper>footer .footer-link ul{
		display:table;
	}
	#wrapper>footer .footer-link li{
		display:table-cell;
		border-right:1px solid #FFF;
	
	}
	#wrapper>footer .footer-link li:last-child{
		border-right:none;
	}
	#copyright{
		padding:3%;
		font-size:.6rem;
	}
}
@media(min-width: 768px){
	#wrapper>footer{
		background:#EEE;
		padding-top:40px;
	}
	#wrapper>footer>h1{
		margin:auto;
		font-size:1.2rem;
		font-weight:600;
		margin-bottom:25px;
		width:1058px;;
		cursor:pointer;
		position:relative;
	}
	#wrapper>footer>.sitemap{
		font-size:.75rem;
		margin:auto;
		width:1058px;;
	}
	#wrapper>footer>.sitemap::after{
		content:"";
		clear:both;
		height:0;
		display:block;
	}
	#wrapper>footer>.sitemap>section{
		float:left;
		padding-right:30px;
	}
	#wrapper>footer>.sitemap>section.doc{
		clear:both;
	}
	#wrapper>footer>.sitemap>section>h2{
		margin-bottom:10px;
		font-weight:600;
		border-bottom:2px solid #555;
		padding-bottom:2px;
		min-width:100px;
	}
	#wrapper>footer>.sitemap>section>ul{
		margin-bottom:30px;
		padding-left:10px;
	}
	#wrapper>footer>.sitemap>section.ranking>ul,
	#wrapper>footer>.sitemap>section.list>ul{
		display:table;
	}
	#wrapper>footer>.sitemap>section.ranking>ul>li,
	#wrapper>footer>.sitemap>section.list>ul>li{
		display:table-cell;
		padding-right:30px;
		font-weight:500;
		
	}
	#wrapper>footer>.sitemap section li{
		position:relative !important;
		margin-left:5px;
	}
	#wrapper>footer>.sitemap section ul ul{
		padding-top:5px;
	}
	#wrapper>footer>.sitemap section ul ul li{
		margin-left:15px;
		font-weight:100;
	}
	#wrapper>footer>.sitemap li::after {
		display: block;
		content: '';
		position: absolute;
		top: .6em;
		left: -1em;
		width: 4px;
		height: 4px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#wrapper>footer>.sitemap>section.ranking>ul>li::after,
	#wrapper>footer>.sitemap>section.list>ul>li::after{
		display:none;
	}
	#wrapper>footer .footer-link{
		text-align:center;
		background:#5E4240;
		color:#FFF;
	}
	#wrapper>footer .footer-link a{
		color:#FFF;
		text-decoration:none;
		padding:0 20px;
	
	}
	#wrapper>footer .footer-link ul{
		display:table;
	}
	#wrapper>footer .footer-link li{
		display:table-cell;
		border-right:1px solid #FFF;
	
	}
	#wrapper>footer .footer-link li:last-child{
		border-right:none;
	}
	#copyright{
		padding:12px;
		font-size:.7rem;
	}
}
/* back & more
--------------------------------------------------------------------*/
main section .back,
main section .more{
	margin-top:20px;
}
main section .back a,
main section .more a{
	color:#FFF;
	width:80%;
	margin:auto;
	display:block;
	background:#5E4240;
	text-decoration:none;
	text-align:center;
	padding:5px 10px;
	border-radius:5px 5px;
}
main section .back a:hover,
main section .more a:hover{
	background:#A7DBF6;
}

/* ranking table
--------------------------------------------------------------------*/
@media(max-width: 767px){
	table.ranking th{
		font-size:.5rem;
		font-weight:normal;
		white-space:nowrap;
	}
	table.ranking tr td:first-child span{
		display:none;
	}
	table.ranking tr td.name span{
		margin-top:2px;
		font-size:.5rem;
		line-height:1.3;
	}
	table.ranking tr td.rank span{
		font-size:.5rem;
	}
	table.ranking tr th:last-child,
	table.ranking tr td:last-child{
		display:none;
	}
}

section .sbr{
	background:#F8F8F8;
	margin-bottom:25px;
	border-radius:8px;
}
section .sbr h2{
	margin-bottom:10px;
	font-weight:600;
	background:#DDD;
	border-bottom:1px solid #CCC;
	padding:7px 15px 5px 15px;
	border-radius:8px 8px 0 0;
}
section .sbr>ul{
	padding:0 15px 5px 15px;
}
section .sbr>ul::after{
	clear:both;
	content:"";
	height:0;
	display:block;
}
section .sbr>ul>li{
	clear:both;
}
section .sbr>ul>li h3{
	float:left;
	font-weight:500;
	position:relative;
	margin-left:10px;

}
section .sbr>ul>li h3::after{
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #dfda44;
	border-bottom: 1px solid #dfda44;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
section .sbr>ul>li>ul{
	margin-left:110px;
	
}
section .sbr li li{
	float:left;
	margin-bottom:3px;
}
section .sbr li li::after{
	content:"/";
	padding:0 5px;
	color:#999;
}
section .sbr li li:last-child::after{
	content:"";
}

section.ranking .pager{
	margin:10px 0;
}
section.ranking>p.update{
	font-size:.6rem;
	color:#666;
	text-align:right;
	margin:10px 0;
}

	table.ranking{
		width:100%;
	}
	table.ranking th{
		background:#dfda44;
		padding:8px;
		text-align:center;
	}
	table.ranking tr:nth-child(2n) td{
		background-color:#F8F8F8;
	}
	table.ranking td{
		padding:10px 3px;
		border-bottom:1px solid #DDD;
	}
	table.ranking td.rank{
		white-space:nowrap;
		text-align:center;
		vertical-align:middle;
	}
	table.ranking tr:nth-child(-n+4) td:first-child span{
		display:none;
	}
	table.ranking td.rank1::before,
	table.ranking td.rank2::before,
	table.ranking td.rank3::before{
  		font-family: "fontello";
		font-size:1.2rem;
		margin-bottom:50px;
		padding-right:2px;
  		content: '\e805';
		vertical-align:middle;

	}
	table.ranking td.rank1{
		color:#FFD700;
	}
	table.ranking td.rank2{
		color:#CCC;
	}
	table.ranking td.rank3{
		color:#b8860b;
	}
	table.ranking td.rank span{
		font-size:.7rem;
	}
	table.ranking td.name span{
		font-size:.7rem;
		color:#666;
		display:block;
	}
	table.ranking tr td:first-child{
		padding-left:8px;
		padding-right:20px;
	}
	table.ranking tr td:last-child{
		padding-right:8px;
	}
	table.ranking td.up::after,
	table.ranking td.down::after,
	table.ranking td.even::after{
  		font-family: "fontello";
		font-size:.8rem;
		margin-bottom:50px;
		padding-top:1px;
		padding-left:6px;
	}
	
	table.ranking td.up::after{
		color:#D00;
  		content: '\e817';
	}
	table.ranking td.down::after{
		color:#00D;
  		content: '\e819';
	}
	table.ranking td.even::after{
		color:#0D0;
  		content: '\e818';
	}
	
	section.ranking .more{
		margin-top:20px;
	}
	section.ranking .more a{
		color:#FFF;
		width:80%;
		margin:auto;
		display:block;
		background:#5E4240;
		text-decoration:none;
		text-align:center;
		padding:5px 10px;
		border-radius:5px 5px;
	}
	section.ranking .more a:hover{
		background:#A7DBF6;
	}
	
	

#family .person-list li ul{
}
#family .person-list>li>.name{
	display:table-cell;
	vertical-align:top;
}
#family .person-list li .name span{
	color:#666;
	display:inline;
	font-size:.6rem;
	padding-left:5px;
}
#family .person-list li .photo{
	background:none;
}

/* category-list
--------------------------------------------------------------------*/
section.category-list ul.category-list:last-child{
	margin-bottom:0;
}
section.category-list ul.category-list{
	margin-bottom:25px;
}
ul.category-list::after{
	clear:both;
	content:"";
	height:0;
	display:block;
}
section.category-list h2{
	margin-bottom:15px;
	border-radius:8px;
}
.category-list li{
	float:left;
	width:19%;
	background:#FFF;
	margin-right:1%;
	margin-bottom:15px;
	font-size:.75rem;
}
.category-list li:nth-child(5n){
	margin-right:0%;
}
.category-list li a{
	color:#FFF;
	display:block;
	padding:5px 15px;
	background:#5E4240;
	text-decoration:none;
	border-radius:15px;
	text-align:center;
}
.category-list li a:hover{
	background:#A7DBF6;
}
.category-list li.ttl{
	float:none;
	clear:both;
	width:auto;
	font-weight:600;
	padding-top:20px;
	margin:0 15px 5px 15px;
	
}
.category-list.tag li{
	width:24%;
}
/* tag */
.category-list.tag li:nth-child(4n){
	margin-right:0;
}
.category-list.tag li:nth-child(5n){
	margin-right:1%;
}

/* article list
--------------------------------------------------------------------*/
.article-list li{
	padding:14px 0;
	border-bottom:1px solid #DDD;
	position:relative;
}
.article-list li:nth-child(2n+1){
	background:#F8F8F8;
}
.article-list li:last-child{
	border-bottom:0;
}
.article-list li .title{
	padding:0 15px;
	font-size:.9rem;
	font-weight:bold;
}
.article-list li .date{
	padding:0 15px;
	margin-bottom:10px;
}
.article-list li .desc{
	padding:0 25px;
}
.article-list li .desc img{
	max-width:100%;
}
.article-list li .link a{
	display:block;
	position:absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.article-list li:hover{
	background:#A7DBF6;
	pointer:cursor;
}

/* text list
--------------------------------------------------------------------*/
.text-list::after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.text-list li{
	float:left;
	width:31%;
	display:table;
	border-top:1px solid #DDD;
	padding:10px 2% 10px 0;
}
.text-list li:nth-child(3n){
	width:32%;
}
.text-list li:nth-child(3n+1){
	clear:both;
}
.text-list li:nth-child(2n){
	background:#F8F8F8;
}
.text-list.col5 li{
	width:18%;
}
.text-list.col5 li:nth-child(3n){
	width:18%;
}
.text-list.col5 li:nth-child(3n+1){
	clear:none;
}

.text-list.col2>li{
	width:48%;
}
.text-list.col2>li:nth-child(3n){
	width:48%;
}
.text-list.col2>li:nth-child(3n+1){
	clear:none;
}
.text-list.col2>li:nth-child(2n){
	background:#FFF;
}
.text-list.col2>li:nth-child(4n+1),
.text-list.col2>li:nth-child(4n+2){
	background:#F8F8F8;
}
.text-list li>p{
	display:table-cell;
	vertical-align:top;
}
.text-list li .name{
	padding-left:10px;
}
.text-list li .name.active{
	color:#D00;
}
.text-list li .name span{
	color:#666;
	font-size:.7rem;
	display:block;
}
.text-list li .count{
	text-align:right;
	padding-left:10px;
	color:#666;
}
.text-list li.haschild>p{
    display:block;
}
.text-list li ul{
    clear:both;
    margin:3px 0 0 10px;
}
.text-list li li{
    border:none;
    display:block;
    float:none;
    width:auto !important;
    padding:3px 5px 3px 0;
}

/* person
--------------------------------------------------------------------*/
/* daily perform */
#person .person-program table{
	width:100%;	
}
#person .person-program th{
	background:#dfda44;
	padding:4px 8px;
	text-align:center;
	border-right:1px solid #FFF;
}
#person .person-program td{
	padding:8px;
	border-bottom:1px solid #EEE;
}
#person .person-program tr:nth-child(2n) td{
	background-color:#F8F8F8;	
}
#person .person-program tr th:first-child{
	border-radius:8px 0 0 0;
}
#person .person-program tr th:last-child{
	border-radius:0 8px 0 0;
	border-right:0;
}
#person .person-program .hour,
#person .person-program .station{
	white-space:nowrap;
	font-size:.75rem;
}
@media(min-width: 768px){
	#person .person-program .hour br{
		display:none;	
	}
}
#person section .more{
	margin-top:20px;
}
#person section .more a{
	color:#FFF;
	width:80%;
	margin:auto;
	display:block;
	background:#5E4240;
	text-decoration:none;
	text-align:center;
	padding:5px 10px;
	border-radius:5px 5px;
}
#person section .more a:hover{
	background:#A7DBF6;
}
#person #chart{
	height:300px;	
}
#person #piechart{
	height:300px;	
	width:100%;
}
/* costar */
#person .person-costar ul::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#person .person-costar li{
	width:18%;
	float:left;
	margin:0 2% 10px 0;
	font-size:.7rem;
	text-align:center;
}
#person .person-costar li:nth-child(5n){
	margin-right:0;
}
#person .person-costar li:nth-child(5n+1){
	clear:both;	
}
#person .person-costar li .portrait{
	height:120px;
	overflow:hidden;
	margin-bottom:5px;
	background:#F8F8F8;
	position:relative;
}
#person .person-costar li .portrait img{
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
}
#person .person-costar li .occu{
	font-size:.6rem;
	line-height:140%;	
}
#person .person-costar li img{
	width:100%;	
}
@media(max-width: 767px){
	#person .person-costar li .portrait{
		height:80px;
	}
}


/* list
--------------------------------------------------------------------*/
#list section.list-index ul{
	margin-bottom:20px;
}



/* aiueo
--------------------------------------------------------------------*/


/* tag
--------------------------------------------------------------------*/
#tag section.tag-list ul{
	margin-bottom:25px;
}


/* constellation
--------------------------------------------------------------------*/
#constellation .constellation-feature h2{
	border-radius:5px;
	margin-bottom:10px;
}
#constellation .constellation-feature p{
	margin-bottom:20px;
}

/* program
--------------------------------------------------------------------*/
#program  ul.performer-list::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#program .performer-list li{
	width:18%;
	float:left;
	margin:0 2% 10px 0;
	font-size:.7rem;
	text-align:center;
}
#program .performer-list li:nth-child(5n){
	margin-right:0;
}
#program .performer-list li:nth-child(5n+1){
	clear:both;	
}
#program .performer-list li .portrait{
	overflow:hidden;
	margin-bottom:5px;
	background:#F8F8F8;
	position:relative;
}
@media(max-width: 767px){
	#program .performer-list li .portrait{
		height:80px;
	}
}
@media(min-width: 768px){
	#program .performer-list li .portrait{
		height:120px;
	}
}
#program .performer-list li .occu{
	font-size:.6rem;	
}
#program .performer-list li img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
#program .program-info h1>span{
	font-size.8rem;
	font-weight:normal;
}
#program .program-info table{
	margin-bottom:15px;
	width:100%;
}
#program .program-info td span{
	font-size:.7rem	;
}
#program .program-info th,
#program .program-info td{
	border-bottom:1px solid #EEE;
	padding:8px;
	text-align:left;
}
#program .program-info th{
	white-space:nowrap;
	width:12%;
}
#program .program-info>p:last-child{
	font-size:.7rem;
}


#program ul.broadcast-keyword::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#program .broadcast-keyword li{
	float:left;
	margin-right:10px;
}
#program .program-list table{
	margin-bottom:15px;
}
#program .program-list tr td:nth-child(-n+2){
	white-space:nowrap;
	font-size:.75rem;
}
#program .program-list th,
#program .program-list td{
	border-bottom:1px solid #EEE;
	padding:8px;
	text-align:left;
}

/* program date
--------------------------------------------------------------------*/
#program .program-date table{
	width:100%;
}
#program .program-date th{
	background:#dfda44;
	padding:8px;
	text-align:center;
}
#program .program-date tr th:first-child{
	border-radius:5px 0 0 0;
}
#program .program-date tr th:last-child{
	border-radius:0 5px 0 0;
}
#program .program-date td{
	border-bottom:1px solid #EEE;
	padding:8px;
	text-align:left;
}
#program .program-date td.date{
	white-space:nowrap;
}
#program .program-date td li{
	float:left;
	margin:0 10px 5px 0;
}

#program .program-stations ul::after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#program .program-stations li{
    float:left;
	margin:0 10px 5px 0;
}

/* program current
--------------------------------------------------------------------*/
#program .program-current table{
	width:100%;
}
#program .program-current th{
	background:#dfda44;
	padding:8px;
	text-align:center;
}
#program .program-current tr th:first-child{
	border-radius:5px 0 0 0;
}
#program .program-current tr th:last-child{
	border-radius:0 5px 0 0;
}
#program .program-current td{
	border-bottom:1px solid #EEE;
	padding:8px;
	text-align:left;
}
#program .program-current td.hour,
#program .program-current td.station{
	white-space:nowrap;
}
@media(min-width: 768px){
	#program .program-current td.hour br{
		display:none;
	}
}

/* news
--------------------------------------------------------------------*/
#news section>h1{
	margin-bottom:10px;
}
#news .news{
	margin-bottom:20px;
}
#news .news .news-header{
	padding:5px;
	background:#F8F8F8;
	margin-bottom:20px;
}
#news .news .news-content{
	margin-bottom:20px;
	line-height:200%;
    word-wrap:break-word;
}
#news .news .news-content .more{
	margin-top:30px;
}
#news .news .news-content .more a{
	color:#FFF;
	width:80%;
	margin:auto;
	display:block;
	background:#5E4240;
	text-decoration:none;
	text-align:center;
	padding:5px 10px;
	border-radius:5px 5px;
}
#news .news .news-content .more a:hover{
	background:#A7DBF6;
}

#news .news .news-content img {
	max-width: 100%;
	height: auto;
}
#news .news .news-content iframe {
	max-width: 100%;
}
#news .social{
	border:1px solid #CCC;
	border-radius:8px;
	background:#F8F8F8;
	padding:8px 10px;
}
#news .social h2{
	font-size:.75rem;
	font-weight:normal;
	background:none;
	padding:0;
	margin-bottom:10px;
	padding:3px;
}
#news .social .social-button{
	display:table;
}
#news .social .social-button>div{
	display:table-cell;
	padding-right:10px;
}
#news section li{
	border-bottom:1px solid #EEE;
	padding:10px;
}
#news section li:nth-child(2n){
	background-color:#F8F8F8;	
}
#news section li span{
	font-size:.7rem;
	color:#666;
	padding-left:8px;
}
#news section li span::before{
	content:"（";	
}
#news section li span::after{
	content:"）";
}

/* pref
--------------------------------------------------------------------*/
#pref #piechart{
	height:300px;
}

/* birthday
--------------------------------------------------------------------*/
#birthday .birthday-index th h2{
	border:none;
	border-radius:70px;
	font-size:1.1rem;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}
#birthday .birthday-index th h2 span{
	font-weight:100;
	font-size:.8rem;
}
#birthday .birthday-index th,
#birthday .birthday-index td{
	border-bottom:1px solid #DDD;
	padding:10px;
}
#birthday .birthday-index th{
	white-space:nowrap;
	padding-left:0;
}
#birthday .birthday-index td{
	padding-right:0;
}
#birthday .birthday-index th span{
	display:block;
}
#birthday .birthday-index li {
	float: left;
	margin: 0 10px 10px 0;
}

/* search
--------------------------------------------------------------------*/
#search .search-form table{
	width:100%;
	margin-bottom:10px;
}
#search .search-form table th,
#search .search-form table td{
	border-bottom:1px solid #DDD;
	padding:10px 5px;
}
#search .search-form table th{
	font-weight:normal;
	white-space:nowrap;
}
#search .search-form input[type="submit"]{
	display:block;
	padding:8px 20px;
	margin:auto;
	width:50%;
}
#search .search-program-result th{
	background:#dfda44;
	padding:8px;
	text-align:center;
	white-space:nowrap;
}
#search .search-program-result th:first-child{
	border-radius:5px 0 0 0;
}
#search .search-program-result th:last-child{
	border-radius:0 5px 0 0;
}
#search .search-program-result td{
	border-bottom:1px solid #DDD;
	padding:8px;
}
#search .search-program-result td.station,
#search .search-program-result td.date{
	white-space:nowrap;
}
#search .search-program-result td.count{
	text-align:center;
}
.search-program-form dt,
.search-program-form dd{
	padding:8px;
}
.search-program-form dt{
	float:left;
	clear:both;
}
.search-program-form dd{
	padding-left:100px;
	border-bottom:1px solid #DDD;

}
.search-program-form dd.date input{
	width:80px;
}

/* update
--------------------------------------------------------------------*/
#update table{
	width:100%;
}
#update th{
	background:#dfda44;
	padding:8px;
	text-align:center;
}
#update tr th:first-child{
	border-radius:5px 0 0 0;
}
#update tr th:last-child{
	border-radius:0 5px 0 0;
}
#update td{
	border-bottom:1px solid #EEE;
	padding:8px;
	text-align:left;
}
#update td.hour{
	white-space:nowrap;
}

/* blog-parts
--------------------------------------------------------------------*/
#blog-parts section p{
	margin-bottom:15px;
}
#blog-parts section p:last-child{
	margin-bottom:0;
}
#blog-parts h2{
	border-radius:5px;
	margin-bottom:10px;
}

/* twitter
--------------------------------------------------------------------*/
.tweet-list dt{
	clear:both;
	padding:8px 0 0 0;
	margin-bottom:5px;
	width:30px;
	float:left;
}
.tweet-list dt a{
	margin-right:5px;
}
.tweet-list dt img{
	width:30px;
	height:30px;
}
.tweet-list dd{
	padding:8px 0 8px 38px;
	font-size:.8rem;
	line-height:140%;
	border-bottom:1px solid #DDD;
}
.tweet-list dd span{
	color:#666;
	margin-left:8px;
}
#side .tweet-list dt{
	padding-left:15px;
}
#side .tweet-list dd{
	padding-left:53px;
	padding-right:15px;
	font-size:.7rem;
}
#side .tweet-list dl{
	height:300px;
	overflow:auto;
}

#person .tweet-list dd{
	font-size:.75rem;
}
@media(max-width: 767px){
	#person .tweet-list dl{
		max-height:300px;
		overflow:auto;
	}
}
@media(min-width: 768px){
	#person .tweet-list dl{
		max-height:400px;
		overflow:auto;
	}
}
#twitter .sbr{
	padding:10px 8px 5px 8px;
}
#twitter table{
	width:100%;
}
#twitter th{
	background:#dfda44;
	padding:4px 8px;
	text-align:center;
	border-right:1px solid #FFF;
}
#twitter td{
	border-bottom:1px solid #DDD;
	padding:8px;
}
#twitter td p.attention::after{
	background-color:#D00;
	border-radius:5px;
	color:#FFF;
	content:"HOT";
	font-size:.5rem;
	display:inline-block;
	margin-left:3px;
	padding:1px 4px;
}
#twitter td span{
	font-size:.7rem;
	color:#666;
}
#twitter td.rank{
	text-align:center;
}
#twitter td.speed,
#twitter td.date{
	white-space:nowrap;
	text-align:right;
}
#twitter td.date{
	font-size:.7rem;
}


/* contact
--------------------------------------------------------------------*/
#contact table{
	width:100%;
}
#contact table input[type="text"]{
	width:200px;
}
#contact table textarea{
	width:400px;
}
#contact th,
#contact td{
	padding:10px;
	border-bottom:1px solid #DDD;
}
#search .ad-related,
#contact .ad-related{
	display:none;
}

/* en
--------------------------------------------------------------------*/
#en footer .initial li ul{
	float:left;
}

/* social
--------------------------------------------------------------------*/
.social-area{
	width: 100% ;
	min-height: 190px ;
/*	background: #F5F1E9 ; */
	padding: 1.5em 0 ;
    margin-bottom:20px;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ){
	.social-area{
		min-height: 100px ;
	}
}

/******************************
 [ul]要素
******************************/
/* スマホ */
ul.social-button{
	width: 238px ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ){
	ul.social-button{
		width: 410px ;
	}
}

/******************************
 [li]要素
******************************/
ul.social-button li{
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw{
	width: 71px ;
}

/* [Facebook] */
.sc-fb{
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li{
	width: 50px ;
}

.sc-li-img{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ){
	.sc-li	{
		display: none ;
	}
}