/********************************************************** カラーリスト **/
/** 最新 #e60012 **/
/** ランキング #004be6 **/
/** 意見投票 #f08200 **/
/** 社会 **/
/** 芸能 **/
/** スポーツ **/
/** 雑誌 **/
/** 動画 **/
/** コラム **/

/********************************************************** リセット **/

header,section,aside,nav,header,article,
html,body,
h1,h2,h3,h4,
p,
ul,ol,li,
img,
form,input,
table,tr,td{
	font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Meiryo UI',sans-serif;
	color:#333;
	margin:0;
	padding:0;
	border:none;
	border: medium none;
	list-style-type:none;
	word-wrap: break-word;
}

strong{
	font-weight:normal;
}

/********************************************************** 基本 **/
.fclear{
	clear:both;
}

.mask{
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0px;
	opacity: 0.5;
	top: 0px;
	display: none;
	width: 100%;
	z-index: 2000;
	position: fixed;
	transform: translateZ(0px);
}
a:link,
a:active,
a:visited,
a:hover{
text-decoration:none;
}

#menu-wrap{
	z-index:9000;
	position: fixed;
	top: 0;
	right: -280px;
	width: 280px;
	height: 100%;
	background: #ffffff;
}
#menu-wrap div {
	margin-bottom:10px;
}
#menu-wrap div a{
	display:block;
}
#menu-wrap div.menu-close,
#menu-wrap div.menu-cat{
	margin:0;
	padding:10px;
	border-bottom:none;
}
#menu-wrap div.dual_column{
	margin:0;
	padding:0;
	letter-spacing: -.40em;
}
#menu-wrap div.dual_column > div{
	letter-spacing: normal;
	margin:0;
	padding:10px 0 0 5px;
	display:inline-block;
	width:139px;
	height:36px;
}
#menu-wrap div.dual_column > div:nth-child(2n-1){
	border-right:1px solid #f0f0f0;
}
#menu-wrap div.dual_column > div:last-child{
	border-bottom:none;
}
.menu-cat div a{
	border-bottom:1px solid #aaa;
	color:#000;
	font-size: 0.8em;
	padding-bottom:10px;
}
.menu-cat div:last-child a{
	border-bottom:none;
}

#botan-body{
	width:36px;
	height:36px;
}

#botan-body,
#botan-body img{
	z-index:9;
}
#header-appdl-botan img,
#header-appdl,
#header-search-botan img,
#header-search,
#botan-body img{
	width:36px;
	height:36px;
}
#header-search{
	z-index:5000;
	margin-right:5px;
}

#return-top-box{
	display: none;
}
#return-top{
	display:block;
	position:fixed;
	bottom:95px;
	right:20px;
	border-radius:50%;
	font-size:12px;
	line-height:14px;
	padding-top:44px;
	box-sizing:border-box;
	z-index:3000;
	width:60px;
	height:60px;
	text-align:center;
	background-color:#666;
	background-image:url('/docs/news/img/toUp.png');
	background-size:35px 35px;
	background-position:50% 45%;
	background-repeat:no-repeat;
	color:#ffffff;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-o-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-ms-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
}

.hidden{
	display:none;
}

body {
  -webkit-text-size-adjust: 100%;
	position: relative;
	left: 0;
	overflow-x: hidden;
}

div{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
section#kijilist div > a > article > div > div{
	height:auto;
	background-size:cover;
	background-position:50% 50%;
	box-sizing: border-box;
	position: relative;
	
}
section#kijilist div > a > article > .matome{
	height:150px;
	background-size:cover;
	background-position:50% 50%;
	box-sizing: border-box;
	position: relative;
	margin:10px;
	
}

section#kijilist  div > a > article > div > div > h2{
	color: #222;
	line-height: 1.4rem;
	font-size: 1.0rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
section#kijilist  div > a > article > div > div > div{
	font-size:small;
	line-height: 1.2em;
}
section#kijilist  div > a > article > div > div > h2:empty{
	height:0;
}
section#kijilist  div > a > article > div > div > h2:empty + div{
	color: #222;
	line-height: 1.4rem;
	overflow: hidden;
	font-size: 18px;
	height: 46px;
}
section#kijilist  div > a > article > h2{
	color: #222;
	line-height: 1.4rem;
	font-size: 1.1rem;
	padding: 10px 0px 0px 10px;
	font-weight: bolder;	
	margin-right: 10px;
	margin-bottom: 10px;
	height: 6.6rem;
	overflow: hidden;
}
section#kijilist div.top-article > a > article > h2{
	height: 3.8rem;
}
section#kijilist div > a > article > div.bunnkatsu > div > p.migiyose{
	padding: 0;
	margin-top:10px;
	margin-right: 0;
	margin-bottom: 0;
	overflow: hidden;
	position:relative;
}



section#kijilist div > a > article > div > p{
	line-height: 1.5rem;
	font-weight: normal;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	padding: 25px 0px 0px 10px;
	position: absolute;
	right: 10px;
	bottom: 5px;
}
section#kijilist div > a > article > div > p > span{
	font-color:9b9b9b;
	
}

.bunnkatsu{
	height:auto;
	padding:10px;
}

.bunnkatsu,
.nikaramu{
	-webkit-box-orient:horizontal;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.bunnkatsu > div{
	position:relative;

}
.migiyose{
	text-align:right;
	position:absolute;
	bottom:0px;
	width:100%;

}

h1, h2, h3, h4 {
	font-weight: normal;
	background-image-height:150px;
}

#kijilist a article div div:nth-child(1){
	background-size:cover !important;
}
#kijilist a article div div.takasa150,
.takasa150{
	background-size:120px 120px !important;
}
.top-article .takasa150 p{
	margin-top:0;
}
#kijilist a article > div.bunnkatsu.no-img > div.no-img{
	display:none;
}





/********************************************************** ヘッダー **/
#search{
	display:none;
	margin-bottom:10px;
}
/********************************************************** 検索ボックス **/

form[action="list.cgi"]{
	-webkit-appearance:none;
	width:97%;
	border:#ddd solid 1px;
	margin:0 auto 0;
}

form[action="list.cgi"] > input{
	float:left;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
}

form[action="list.cgi"] > input[type="search"]{
	color:#888;
	font-size:15px;
	width:70%;
	height:2rem;
	background-color:#fff;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-o-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
	-ms-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.05) inset;
}

form[action="list.cgi"] > input + input{
	text-align:center;
	color:#fff;
	font-size:16px;
	letter-spacing:1px;
	width:30%;
	height:2rem;
	background-color:#f18102;
	padding-bottom:2px;
}

form[action="list.cgi"] > input + input:hover{
	background-color:#f7ae07;
}

form[action="list.cgi"] > input + input:active{
	padding-top:2px;
}

form:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

section#search{
	top:0;
	position:relative;
}


/********************************************************** 広告 **/

#ad-top-2 {
	text-align: center;
	width: 320px;
	margin: 1em auto 10px;
}

#ad-bottom-1,
#ad-bottom-3,
#ad-bottom-5{
	text-align: center;
	width: 300px;
	margin: 1em auto;
	height:250px;
}


#ad-PR-bana{
	text-align: center;
	width: 480px;
	margin: 1em auto;
	height:370px;
}

#ad-bottom-2,
#ad-bottom-4{
	text-align: center;
	width: 320px;
	height:100px;
	margin: 0.5em auto;
}


#ovx_in_banner{
	overflow:hidden;
	 text-align: center;
	 height:0px;
	 display: block;
 	margin-left: auto;
 	margin-right: auto;
 	padding:0px !important;
}

#ad-MTBurn{
	text-align:;
	width:auto;
	height:auto;
	margin: 0.6em auto;
	border-bottom:#bbb solid 0.1em;
	border-top:#bbb solid 0.1em;
	padding:;
	background-color:;
}

#uliza-ad{
	overflow:hidden;
	text-align: center;
 	margin-left:10px;
 	margin-right: auto;
}

.clear{
	clear:both;
}

.adfurikun-inters-inner {
box-sizing:content-box !important;
}


/********************************************************** タブメニュー **/

#tab{
	width:100%;
	margin:0;
	padding:0;
	height:0;
}

div#tab.current_K,div#tab.tab-K,
div#tab.current_P,div#tab.tab-P,
div#tab.current_Y,div#tab.tab-Y,
div#tab.current_J,div#tab.tab-J,
div#tab.current_T,div#tab.tab-T,
div#tab.current_W,div#tab.tab-W,
div#tab.current_M,div#tab.tab-M,
div#tab.current_B,div#tab.tab-B,
div#tab.current_I,div#tab.tab-I,
div#tab.current_X,div#tab.tab-X,
div#tab.current_D,div#tab.tab-D,
div#tab.current_F,div#tab.tab-F,
div#tab.current_A,div#tab.tab-A
{
	background-color:#1346AA;
}

#flick {
	width: 100%;
	position: relative; /* IE6・7の overflowバグ回避 */
	overflow: auto;	 /* JavaScript無効時にスクロール表示させたいから */
}

#flick ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

#flick ul li {
	float: left;
	list-style-type: none;
	width: 5%;
}

.flickSimple {
	width: 100%;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: ;
}

.flickSimple.landscape {
	width: 480px;
}

/************* 選択したタブが常に左による操作 **/

.flickSimple ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.flickSimple ul li{
	list-style-type: none;
	text-align: center;
	display:block;
}

#basic ul,
#basic ul.landscape {
	width:auto;
}

#basic ul li,
#basic ul li.landscape {
	width: auto;
	padding: 0 10px 0;
}

#basic ul li.newline {
	clear: both;
}

#basic ul li a {
	color:#fff;
	display:block;
	text-align:center;
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
	font-size:0.8em;
	margin-top: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
	font-weight:normal;
}

.landscape {
	float: left;
	font-size: 17px;
	text-align: center;
	margin:0;
}
.landscape a{
	border-top: 4px solid rgba(0,0,0,0);
}

#basic .ul_K .landscape.list_K,
#basic .ul_P .landscape.list_P,
#basic .ul_Y .landscape.list_Y,
#basic .ul_E .landscape.list_E,
#basic .ul_O .landscape.list_O,
#basic .ul_J .landscape.list_J,
#basic .ul_T .landscape.list_T,
#basic .ul_W .landscape.list_W,
#basic .ul_M .landscape.list_M,
#basic .ul_B .landscape.list_B,
#basic .ul_I .landscape.list_I,
#basic .ul_X .landscape.list_X,
#basic .ul_D .landscape.list_D,
#basic .ul_F .landscape.list_F,
#basic .ul_A .landscape.list_A{
}

.landscape:first-child a{
	border-top: 4px solid #fff;
}
.landscape:last-child a{border-right:none !important;}


/********************************************************** フッター **/
footer{	
	clear: both;
}

.fclear{
	margin-bottom:80px;
}

footer > nav > aside {
	height:auto;
	font-size: 0.8rem;
}


footer > nav > ul > li {
	border-bottom: 1px dotted #BBB;
	padding: 0.2rem;
}
footer > nav > aside > p,
footer > nav > ul > li > a {
	color: rgb(136, 136, 136) !important;
}


/**********************************************************記事パネル 枠サイズ・位置 **/

#main{
	position: relative;
}

div.article_1,
div.article_2,
div.article_4,
div.article_5{
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
}

div.box_middle,
div.box_foot{ 
	width:100%;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	margin-bottom: ;
}

div.box_middle{ 
	height:auto;
	margin-bottom:0px;
	height:240px;
}

div.box_foot{ 
	height:240px;
	margin-bottom:5px;
}


div.article_1{
	height:150px;	
	margin-bottom:5px;
}

div.article_2{
	margin-right:;
	width:44%;
	height:240px;	
	word-break:break-all;
}

div.article_3{
	width:55%;
	word-break:break-all;
	height:240px;	
}

div.article_4{
	margin-right:;
	width:50%;
}

div.article_5{
	width:50%;
}


div.Sentence3,
div.Sentence4{
	display:box;
	height:120px;
	margin-bottom:;
}

div.Sentence5,
div.Sentence6{
	display:box;
	height:240px;
}


div.Sentence1,
div.Sentence2,
div.Sentence3,
div.Sentence4,
div.Sentence5,
div.Sentence6{
	border-bottom: 1px solid #BBB;
	border-left: 1px solid #BBB;
		width:100%;
}


/**********************************************************記事パネル 文字表示各種 **/

.article_1 > a:nth-child(1) article p span{
	color: #FFF;
}

article p span {
	font-size: 0.8rem;
	display: inline;
	margin-right: 3px;
	color: #E40;
}


/********************①番目記事（article_1）**/
.Sentence1 >  a > div >  article > p > span {
	font-size: 1.2rem;
}

/*********画像あり**/
.Sentence1 > a > div >  article > h2{
 	color:#fff;
 	text-shadow: 1px 1px 2px #000;
	line-height: 1.4rem;
	font-size: 1.2rem;
	padding:10px 0 0 10px;
	font-weight: bolder;
}


.Sentence1 >  a > div >article  >p{
	line-height: 1.5rem;
	font-weight: normal;
	color:#fff;
	text-shadow: 1px 1px 2px #000;
	padding:25px 0 0 10px;
}


.Sentence1 >  a > div  {
	background-size: cover;
	height:150px;
}

.Sentence1 >a.news-image:nth-child(1) article  {
	background-color: rgba(0, 0, 0, 0.3)!important;
		height:150px;
}

/**.Sentence1 >{
	background-size: cover;
	position:relative; top:10px; left:10px 
}**/

/*********画像なし**/
.noimg > h2{
 	color:#fff;
	line-height: 1.4rem;
	font-size: 1.2rem;
	padding:10px 0 0 20px;
	font-weight: bolder;
}

.noimg >  p{
	line-height: 1.5rem;
	font-weight: normal;
	color:#fff;
	text-shadow:;
	padding:25px 0 0 20px;
}
.noimg >   p  >span {
	color: #fff;
	font-size: 1.2rem;
}

.Sentence1 > article >a{
	height:150px;
	display: block;
}

.noimg {
	padding:0 0 0 55px;
	
}

/********************②番目記事（article_2）**/

.Sentence2 > a > article{
	padding:2px 8px 0 8px;
	word-break:normal;
	height: 130px;
}


.Sentence2 > a >article h2{
	line-height: 1.5rem;
	font-size: 1.0rem;
	font-weight: bolder;
	color:#333;
	word-break:break-all;
}


.Sentence2 > a >article p{
	line-height: 1.0rem;
	font-size: 0.8rem;
	font-weight: normal;
	color:#888;
}


.Sentence2 > a >article p+p{
	line-height: 1.0rem;
	font-size: 0.8rem;
	font-weight: normal;
	color:#888;
}


.Sentence2 > a >article p+p+p{
	line-height: 1.0rem;
	font-size: 0.8rem;
	font-weight: normal;
	color:#888;
	position:left;
}


.Sentence2 >a >  div{
  	width:93%;
	height: 100px;
	word-break:break-all;
	margin:0 0 5px 0 ;
	background-size:cover;
	margin-left: auto;
	margin-right: auto;
}

.Sentence2 > a > article p span{
	font-size: 0.8rem;
	margin-right: 3px;
}
/************③④番目記事（article_3）**/

.Sentence3 > a >article,
.Sentence4 > a >article{
	padding:5px 3px 0 70px;
	word-break:normal;
	height:115px ;
}


.Sentence3 > a >article p span,
.Sentence4 > a >article p span{
	font-size: 0.8rem;
	margin-right: 3px;
}


.Sentence3 > a >article h2,
.Sentence4 > a >article h2{
	line-height: 1.5rem;
	font-size: 1.0rem;
	font-weight: bolder;
	color:#333;
	margin:0 0 6px 0 ;
	overflow:hidden;
}


.Sentence3 > a >article p,
.Sentence4 > a >article p{
	line-height: 1.0rem;
	font-size: 0.8rem;
	font-weight: normal;
	color:#888;
}


.Sentence3 >a > div,
.Sentence4 >a > div{
	background-size: cover;
	width: 70px;
	height: 100px;
	float: left;
	overflow: hidden;
	margin:0 5px 0 0 ;
}

/****************⑤⑥番目記事（article_4）**/

.Sentence6 > a >article,
.Sentence5 > a >article{
	padding:5px 8px 0 8px ;
	height:130px ;
	word-break:break-all;
}

.Sentence6 > a >article h2,
.Sentence5 > a >article h2{
	line-height: 1.5rem;
	font-size: 1.0rem;
	font-weight: bolder;
	color:#333;
}

.Sentence6 > a >article p,
.Sentence5 > a >article p{
	line-height: 1.0rem;
	font-size: 0.8rem;
	font-weight: normal;
	color:#888;
}


.Sentence6 > a >article p+p,
.Sentence5 > a >article p+p{
	line-height: 1.0rem;
	font-size: 0.8rem;
	font-weight: normal;
	color:#888;
}

.Sentence6 >a >  div,
.Sentence5 >a >  div{
	background-size: cover;
	width: 93%;
	height: 100px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;

}

.Sentence6 > a > article p span,
.Sentence5 > a > article p span{
	font-size: 0.8rem;
	margin-right: 3px;
}

/***************記事カラー（）**/
.Sentence1,
.Sentence2,
.Sentence3,
.Sentence4,
.Sentence5,
.Sentence6{
	position: relative;
	border-bottom: 1px dotted #BBB;
	border-left-color: inherit;
	border-left-style: solid;
	border-left: 1px  dotted #BBB;
	background-position:;
}

section#awasete-yom > div.ranking > a.news-V > article > div.news-V,
.Sentence2 > a .news-V,
.Sentence3 > a .news-V,
.Sentence4 > a .news-V,
.Sentence5 > a .news-V,
.Sentence6 > a .news-V{
	background-image:url("img/icon-V.png");
	background-repeat:no-repeat;
	background-size:contain;
}

section#awasete-yom > div.ranking > a.news-M > article > div.news-M,
.Sentence2 > a .news-M,
.Sentence3 > a .news-M,
.Sentence4 > a .news-M,
.Sentence5 > a .news-M,
.Sentence6 > a .news-M{
	background-image:url("img/icon-M.png");
	background-repeat:no-repeat;
	background-size:contain;
}

section#awasete-yom > div.ranking >a.news-T > article > div.news-T,
.Sentence2 > a .news-T,
.Sentence3 > a .news-T,
.Sentence4 > a .news-T,
.Sentence5 > a .news-T,
.Sentence6 > a .news-T{
	background-image:url("img/icon-T.png");
	background-repeat:no-repeat;
	background-size:contain;
}

section#awasete-yom > div.ranking > a.news-X > article > div.news-X,
.Sentence2 > a .news-X,
.Sentence3 > a .news-X,
.Sentence4 > a .news-X,
.Sentence5 > a .news-X,
.Sentence6 > a .news-X{
	background-image:url("img/icon-X.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-X article div.matome,
#kijilist a.news-X article div div:nth-child(1),
#kijilist a .news-X,
.Sentence2 > a .news-X,
.Sentence5 > a .news-X,
.Sentence6 > a .news-X{
	background-image:url("img/icon-X_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-M > article > div.news-M,
.Sentence3 > a .news-M,
.Sentence4 > a .news-M{
	background-image:url("img/icon-M.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-M article div.matome,
#kijilist a.news-M article div div:nth-child(1),
#kijilist a .news-M,
.Sentence2 > a .news-M,
.Sentence5 > a .news-M,
.Sentence6 > a .news-M{
	background-image:url("img/icon-M_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-G > article > div.news-G,
.Sentence3 > a .news-G,
.Sentence4 > a .news-G{
	background-image:url("img/icon-G.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-G article div.matome,
#kijilist a.news-G article div div:nth-child(1),
#kijilist a .news-G,
.Sentence2 > a .news-G,
.Sentence5 > a .news-G,
.Sentence6 > a .news-G{
	background-image:url("img/icon-G_100.png");
	background-repeat:no-repeat;
}


section#awasete-yom > div.ranking > a.news-F > article > div.news-F,
.Sentence3 > a .news-F,
.Sentence4 > a .news-F,{
	background-image:url("img/icon-F.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-F article div.matome,
#kijilist a.news-F article div div:nth-child(1),
#kijilist a .news-F,
.Sentence2 > a .news-F,
.Sentence5 > a .news-F,
.Sentence6 > a .news-F{
	background-image:url("img/icon-F_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-O > article >div.news-O,
.Sentence3 > a .news-O,
.Sentence4 > a .news-O,
.Sentence5 > a .news-O,
.Sentence6 > a .news-O{
	background-image:url("img/icon-O.png");
	background-repeat:no-repeat;
	background-size:contain;
}

section#awasete-yom > div.ranking > a.news-C > article > div.news-C,
.Sentence2 > a .news-C,
.Sentence3 > a .news-C,
.Sentence4 > a .news-C,
.Sentence5 > a .news-C,
.Sentence6 > a .news-C{
	background-image:url("img/icon-C.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-C article div.matome,
#kijilist a.news-C article div div:nth-child(1),
#kijilist a .news-C,
.Sentence2 > a .news-C,
.Sentence5 > a .news-C,
.Sentence6 > a .news-C{
	background-image:url("img/icon-C_100.png");
	background-repeat:no-repeat;
}
section#awasete-yom > div.ranking > a.news-H > article > div.news-H,
.Sentence3 > a .news-H,
.Sentence4 > a .news-H{
	background-image:url("img/icon-H.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-H article div.matome,
#kijilist a.news-H article div div:nth-child(1),
#kijilist a .news-H,
.Sentence2 > a .news-H,
.Sentence5 > a .news-H,
.Sentence6 > a .news-H{
	background-image:url("img/icon-H_100.png");
	background-repeat:no-repeat;
}
section#awasete-yom > div.ranking > a.news-B > article > div.news-B,
.Sentence2 > a .news-B,
.Sentence3 > a .news-B,
.Sentence4 > a .news-B,
.Sentence5 > a .news-B,
.Sentence6 > a .news-B{
	background-image:url("img/icon-B.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-B article div.matome,
#kijilist a.news-B article div div:nth-child(1),
#kijilist a .news-B,
.Sentence2 > a .news-B,
.Sentence5 > a .news-B,
.Sentence6 > a .news-B{
	background-image:url("img/icon-B_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-D > article > div.news-D,
.Sentence2 > a .news-D,
.Sentence3 > a .news-D,
.Sentence4 > a .news-D,
.Sentence5 > a .news-D,
.Sentence6 > a .news-D{
	background-image:url("img/icon-D.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-D article div.matome,
#kijilist a.news-D article div div:nth-child(1),
#kijilist a .news-D,
.Sentence2 > a .news-D,
.Sentence5 > a .news-D,
.Sentence6 > a .news-D{
	background-image:url("img/icon-D_100.png");
	background-repeat:no-repeat;
}
section#awasete-yom > div.ranking > a.news-E > article > div.news-E,
.Sentence3 > a .news-E,
.Sentence4 > a .news-E{
	background-image:url("img/icon-E.png");
	background-repeat:no-repeat;
	background-position:;
	background-size:contain;
}

#kijilist a.news-E article div.matome,
#kijilist a.news-E article div div:nth-child(1),
#kijilist a .news-E,
.Sentence2 > a .news-E,
.Sentence5 > a .news-E,
.Sentence6 > a .news-E{
	background-image:url("img/icon-E_100.png");
	background-repeat:no-repeat;
}
section#awasete-yom > div.ranking >  a.news-N > article >div.news-N,
.Sentence3 > a .news-N,
.Sentence4 > a .news-N{
	background-image:url("img/icon-N.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-N article div.matome,
#kijilist a.news-N article div div:nth-child(1),
#kijilist a .news-N,
.Sentence2 > a .news-N,
.Sentence5 > a .news-N,
.Sentence6 > a .news-N{
	background-image:url("img/icon-N_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-K > article > div.news-K,
.Sentence3 > a .news-K,
.Sentence4 > a .news-K{
	background-image:url("img/icon-K.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-K article div.matome,
#kijilist a.news-K article div div:nth-child(1),
#kijilist a .news-K,
.Sentence2 > a .news-K,
.Sentence5 > a .news-K,
.Sentence6 > a .news-K{
	background-image:url("img/icon-K_100.png");
	background-repeat:no-repeat;
}
section#awasete-yom > div.ranking >  a.news-L > article >div.news-L,
.Sentence3 > a .news-L,
.Sentence4 > a .news-L{	
	background-image:url("img/icon-L.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-L article div.matome,
#kijilist a.news-L article div div:nth-child(1),
#kijilist a .news-L,
.Sentence2 > a .news-L,
.Sentence5 > a .news-L,
.Sentence6 > a .news-L{	
	background-image:url("img/icon-L_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-I > article > div.news-I,
.Sentence3 > a .news-I,
.Sentence4 > a .news-I,
.Sentence6 > a .news-I{
	background-image:url("img/icon-I.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-I article div.matome,
#kijilist a.news-I article div div:nth-child(1),
#kijilist a .news-I,
.Sentence2 > a .news-I,
.Sentence5 > a .news-I,
.Sentence6 > a .news-I{
	background-image:url("img/icon-I_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-U > article > div.news-U,
.Sentence3 > a .news-U,
.Sentence4 > a .news-U{
	background-image:url("img/icon-U.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-U article div.matome,
#kijilist a.news-U article div div:nth-child(1),
#kijilist a .news-U,
.Sentence2 > a .news-U,
.Sentence5 > a .news-U,
.Sentence6 > a .news-U{
	background-image:url("img/icon-U_100.png");
	background-repeat:no-repeat;
}


section#awasete-yom > div.ranking > a.news-W > article > div.news-W,
.Sentence3 > a .news-W,
.Sentence4 > a .news-W{
	background-image:url("img/icon-W.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-W article div.matome,
#kijilist a.news-W article div div:nth-child(1),
#kijilist a .news-W,
.Sentence2 > a .news-W,
.Sentence5 > a .news-W,
.Sentence6 > a .news-W{
	background-image:url("img/icon-W_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-Y > article > div.news-Y,
.Sentence3 > a .news-Y,
.Sentence4 > a .news-Y{
	background-image:url("img/icon-Y.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#kijilist a.news-Y article div.matome,
#kijilist a.news-Y article div div:nth-child(1),
#kijilist a .news-Y,
.Sentence2 > a .news-Y,
.Sentence5 > a .news-Y,
.Sentence6 > a .news-Y{
	background-image:url("img/icon-Y_100.png");
	background-repeat:no-repeat;
}


section#awasete-yom > div.ranking > a.news-J > article > div.news-J,
.Sentence3 > a .news-J,
.Sentence4 > a .news-J{
	background-image:url("img/icon-J.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-J article div.matome,
#kijilist a.news-J article div div:nth-child(1),
#kijilist a .news-J,
.Sentence2 > a .news-J,
.Sentence5 > a .news-J,
.Sentence6 > a .news-J{
	background-image:url("img/icon-J_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-Z > article > div.news-Z,
.Sentence3 > a .news-Z,
.Sentence4 > a .news-Z{
	background-image:url("img/icon-Z.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-Z article div.matome,
#kijilist a.news-Z article div div:nth-child(1),
#kijilist a .news-Z,
.Sentence2 > a .news-Z,
.Sentence5 > a .news-Z,
.Sentence6 > a .news-Z{
	background-image:url("img/icon-Z_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-b > article > div.news-b,
.Sentence3 > a .news-b,
.Sentence4 > a .news-b{
	background-image:url("img/icon-b.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-b article div.matome,
#kijilist a.news-b article div div:nth-child(1),
#kijilist a .news-b,
.Sentence2 > a .news-b,
.Sentence5 > a .news-b,
.Sentence6 > a .news-b{
	background-image:url("img/icon-b_100.png");
	background-repeat:no-repeat;
}

section#awasete-yom > div.ranking > a.news-d > article > div.news-d,
.Sentence3 > a .news-d,
.Sentence4 > a .news-d{
	background-image:url("img/icon-d.png");
	background-repeat:no-repeat;
	background-size:contain;
}
#kijilist a.news-d article div.matome,
#kijilist a.news-d article div div:nth-child(1),
#kijilist a .news-d,
.Sentence2 > a .news-d,
.Sentence5 > a .news-d,
.Sentence6 > a .news-d{
	background-image:url("img/icon-d_100.png");
	background-repeat:no-repeat;
}



/***************記事カラー（単純news-cgiでの指定だと、記事1、8で全面アイコンになってしまうため出しわけ）**/



.Sentence1 >article > a.news-G >div{
	background-size:cover;	
	background-repeat:no-repeat;
}


.Sentence1 > article > a.news-G,
.Sentence7 > article > a.news-G,
.Sentence13 > article > a.news-G{
	background-image:url("img/icon-G.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-M,
.Sentence7 > article > a.news-M,
.Sentence13 > article > a.news-M{
	background-image:url("img/icon-M.png");
	background-repeat:no-repeat;
}


.Sentence1 > article > a.news-T,
.Sentence7 > article > a.news-T,
.Sentence13 > article > a.news-T{
	background-image:url("img/icon-T.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-X,
.Sentence7 > article > a.news-X,
.Sentence13 > article > a.news-X{
	background-image:url("img/icon-X.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-F,
.Sentence7 > article > a.news-F,
.Sentence13 > article > a.news-F{
	background-image:url("img/icon-F.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-U,
.Sentence7 > article > a.news-U,
.Sentence13 > article > a.news-U{
	background-image:url("img/icon-U.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-I,
.Sentence7 > article > a.news-I,
.Sentence13 > article > a.news-I{
	background-image:url("img/icon-I.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-L,
.Sentence7 > article > a.news-L,
.Sentence13 > article > a.news-L{
	background-image:url("img/icon-L.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-O,
.Sentence7 > article > a.news-O,
.Sentence13 > article > a.news-O{
	background-image:url("img/icon-O.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-C,
.Sentence7 > article > a.news-C,
.Sentence13 > article > a.news-C{
	background-image:url("img/icon-C.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-K,
.Sentence7 > article > a.news-K,
.Sentence13 > article > a.news-K{
	background-image:url("img/icon-K.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-M,
.Sentence7 > article > a.news-M,
.Sentence13 > article > a.news-M{
	background-image:url("img/icon-M.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-H,
.Sentence7 > article > a.news-H,
.Sentence13 > article > a.news-H{
	background-image:url("img/icon-H.png");
	background-repeat:no-repeat;
}
.Sentence1 > article > a.news-B,
.Sentence7 > article > a.news-B,
.Sentence13 > article > a.news-B{
	background-image:url("img/icon-B.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-D,
.Sentence7 > article > a.news-D,
.Sentence13 > article > a.news-D{
	background-image:url("img/icon-D.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-E,
.Sentence7 > article > a.news-E,
.Sentence13 > article > a.news-E{
	background-image:url("img/icon-E.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-N,
.Sentence7 > article > a.news-N,
.Sentence13 > article > a.news-N{
	background-image:url("img/icon-N.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-W,
.Sentence7 > article > a.news-W,
.Sentence13 > article > a.news-W{
	background-image:url("img/icon-W.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-Y,
.Sentence7 > article > a.news-Y,
.Sentence13 > article > a.news-Y{
	background-image:url("img/icon-Y.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-J,
.Sentence7 > article > a.news-J,
.Sentence13 > article > a.news-J{
	background-image:url("img/icon-J.png");
	background-repeat:no-repeat;
}

.Sentence1 > article > a.news-Z,
.Sentence7 > article > a.news-Z,
.Sentence13 > article > a.news-Z{
	background-image:url("img/icon-Z.png");
	background-repeat:no-repeat;
}

/********************前へ　次へ**/

nav#pages:after {
	display: block;
	content: "";
	clear: both;
}

nav#pages {
	width: 100%;
	margin-bottom: 2rem;
}

nav#pages > a.next-list > p {
	float: right;
}


nav#pages > a.prev-list > p {
	float: left;
}

nav#pages > a > p {
	padding-top: 0.5rem;
	text-align: center;
	color: #FFF;
	background-color: #F08200;
	width: 49%;
	height: 2.5rem;
	position: relative;
}

nav#pages > a > p > img {
	position: relative;
	top: 0.25rem;
}

/**********************************************************ランキング,意見投票,記事検索結果 **/
section#list-R > div.article_1 > div.Sentence1 > a:nth-child(1) {
	background-image: url('img/rank-1.png');
	display:block;
	width:;
	height:;
}

section#list-R > div.ranking{
	content: "";
	clear: both;
	display: block;
	width: 100%;
}

section#list-R > div.ranking >a,
section#list-h > div.ranking >a,
section#list-S > div.ranking >a {
	line-height: 1.4rem;
	font-size: 1.2rem;
	font-weight: normal;
	color: inherit;
}

section#list-R > div.ranking > a >article> div,
section#list-S > div.ranking > a >article> div,
section#list-h > div.ranking >a > article> div,
section#list-Y > div.ranking > a >article> div,
section#list-Z > div.ranking >a > article> div{
	margin-left: 10px;
	width: 100px;
	height: 100px;
	background-size: cover;
	overflow: hidden;
	float: right;
}

section#list-R > div.ranking > a>article>  h2,
section#list-O > div.ranking > a>article>  h2,
section#list-h > div.ranking > a>article> h2,
section#list-S > div.ranking > a>article>  h2,
section#list-Y > div.ranking > a>article>  h2,
section#list-Z > div.ranking > a> article>  h2{
	color: inherit;
	line-height: 1.4rem;
	font-weight: normal;
	font-size: 1.2rem;
	width: ;
	word-break:break-all;
}

section#list-R > div.ranking > a> article  p,
section#list-h > div.ranking > a>  article  p,
section#list-O > div.ranking > a>  article  p,
section#list-S > div.ranking > a>  article  p,
section#list-Y > div.ranking > a> article  p,
section#list-Z > div.ranking > a> article  p{
	width: 100%;
	color: #888;
	font-size: 0.8rem;
}

section#list-R > div.ranking >  a> article {
	border-left-color: inherit;
	border-left-width: 10px;
	border-bottom: 1px dotted #BBB;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
	border-left-color: rgb(0, 75, 230) !important;
	height:120px;
}

section#list-O > div.ranking > a> article{
	border-left-color: inherit;
	border-bottom: 1px dotted #BBB;
	border-left-color: #F08200;
   	border-left-style: solid;
   	border-left-width: 10px;
   padding: 10px 10px 10px 30px;
	 height:auto;
}

section#list-S > div.ranking > a> article{
	border-left-color: inherit;
	border-bottom: 1px dotted #BBB;
	border-left-color: #F5B18C;
   	border-left-style: solid;
   	border-left-width: 10px;
   padding: 10px 10px 10px 30px;
	height:120px;
}


section#list-h > div.ranking > a>article{
	border-left-color: inherit;
	border-bottom: 1px dotted #BBB;
	border-left-color: #ee7b1a;
   	border-left-style: solid;
   	border-left-width: 10px;
   padding: 10px 10px 10px 30px;
	height:120px;
}


section#list-O > h1 {
	background-color: #F08200;
	color: #FFF;
	font-size: 1.6rem;
}

section#list-R > h1 {
	background-color: #004BE6;
	color: #FFF;
	font-size: 1.6rem;
	padding-top:10px;
	padding-bottom:10px;
}


section#list-Y > h1 {
	background-color: #f55987;
	color: #FFF;
	font-size: 1.6rem;
}

section#list-Z > h1 {
	background-color: #ffba11;
	color: #FFF;
	font-size: 1.6rem;
}

section#list-S > h1 {
	background-color: #F5B18C;
	color: #FFF;
	font-size: 1.6rem;
}

section#list-h > h1 {
	background-color: #ee7b1a;
	color: #FFF;
	font-size: 1.6rem;
}

/********************************************************** 記事詳細**/

section#article-single > div.img-center {
	text-align: center;
}

/********アイコン系**/


.b-area-standard.vertical {
	width: 80px;
	height: 60px;
	padding-left: 0px;
}

.b-area-standard.ja a.b-btn {
	font-family: 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,Helvetica,Arial,sans-serif;
	font-size: 10px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1;
}

.b-area-standard.ja .b-btn {
	width: 63px;
	height: 14px;
	padding: 6px 0px 0px 21px;
}


.b-area-standard.vertical .b-btn {
	position: absolute;
	top: 40px;
	display: block;
}


.b-area-standard.vertical .b-count {
	top: 0px;
	width: 70px;
	height: 31px;
	background-color: #FFF;
	position: relative;
	border: 1px solid #B0C1D8;
	border-radius: 3px;
	padding: 0px 4px;
	font-family: Arial;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #2D4C86;
	display: block;
}


.b-area-standard .b-btn {
	width: 56px;
	height: 19px;
	padding: 1px 0px 0px 24px;
	background: url('/images/entry-button/bbtn-l_v3.png') no-repeat scroll left 0px / 80px 40px transparent;
	text-decoration: none;
	text-shadow: 0px 1px 0px #FFF;
}


aside#comment > div.sns-icons2{
 	text-align: center;
 	margin-bottom:15px;
}
div.sns-icons2  > p{
	margin-bottom:8px;
}
aside#comment > div.sns-icons2 > p{
	text-align: left;
	margin-left:10px;
}
aside#comment > div.sns-icons2 > p > img{
	vertical-align:middle;
}


aside#comment > ul > li > span {
	color: #F000;
}

aside#comment > div.sns-icons2>div{
	display: inline-block;
	vertical-align: top;
	margin: 0px 22px 0px 0px;
}


/********記事詳細中専用アクセスランキング**/

section#genre-ranking > a > h2 {
	color: #FFF;
	font-size: 1.6rem;
	padding: 0px 0px 0px 10px;
	background-color: #004BE6;
}

section#genre-ranking > ul > a:nth-child(1) > li,
section#genre-ranking > ul > a:nth-child(2) > li,
section#genre-ranking > ul > a:nth-child(3) > li,
section#genre-ranking > ul > a:nth-child(4) > li,
section#genre-ranking > ul > a:nth-child(5) > li{
	 color:#2355A5;
}



section#genre-ranking > ul > a:nth-child(1) > li {
	background-image: url('img/rank-1.png');
}

section#genre-ranking > ul > a:nth-child(2) > li {
	background-image: url('img/rank-2.png');
}
section#genre-ranking > ul > a:nth-child(3) > li {
	background-image: url('img/rank-3.png');
}
section#genre-ranking > ul > a:nth-child(4) > li {
	background-image: url('img/rank-4.png');
}
section#genre-ranking > ul > a:nth-child(5) > li {
	background-image: url('img/rank-5.png');
}

section#genre-ranking > ul > a > li{
	border-bottom: 1px dotted #BBB;
	background-repeat: no-repeat;
	background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 30px;
}


section#genre-ranking > ul > a > li > p ,
section#awasete-yom >div.ranking>article>  a > p ,
.rssBody > ul > a >li >p,
.rssBody2 > ul > a >li >p,
.rssBody3 > ul > a >li >p,
.rssBody4 > ul > a >li >p,
.rssBody5 > ul > a >li >p{
	color: #888;
	font-size: 0.8rem;
}

section#genre-ranking > ul > a > li > p > span,
section#awasete-yom >div.ranking>article>  a > p  > span,
 .rssBody > ul > a > li > p > span,
 .rssBody2 > ul > a > li > p > span,
 .rssBody3 > ul > a > li > p > span,
 .rssBody4 > ul > a > li > p > span,
 .rssBody5 > ul > a > li > p > span{
	color: #E40;
	font-size: 1rem;
	font-weight: normal;
}


section#genre-opinion > ul:nth-child(2) > a > li {
	border-bottom: medium none;
}


nav#next-prev > a > p {
	position: relative;
	margin-bottom: 1rem;
}

aside#comment > h2 {
	border-bottom: 1px solid #CCC;
	color: #F08200;
	font-size: 1.2rem;
	margin: 0px 10px;
	position: relative;
	padding-left: 10px;
   	clear:both;
}

aside#comment > a > p, aside#opinion > a > p {
	color: #FFF;
	text-align: center;
	width: 80%;
	padding: 0.6rem;
	background-color: #F08200;
	position: relative;
	margin: 1rem auto;
}

nav#next-prev {
	margin: 0px 10px 2rem;
}

/********記事詳細中専用意見投票**/


section#genre-ranking > a > p, 
section#genre-news > a > p,
section#genre-opinion > a > p,
section#article-related > a > p ,
.rssBody > ul >a >p,
.rssBody2 > ul >a >p,
.rssBody3 > ul >a >p,
.rssBody4 > ul >a >p{
	font-size: 1.2rem;
	text-align: center;
	margin: 1rem auto 0px;
	width: 80%;
	padding: 0.6rem;
	color: #FFF;
	position: relative;
}

section#genre-ranking > a > p,
.rssBody > ul >a >p{
	background-color: #004BE6;
}

section#genre-opinion > ul > a > li > h2 {
	font-size: 1.2rem;
}

section#genre-opinion > a > h2 {
	color: #FFF;
	font-size: 1.6rem;
	padding: 0px 0px 0px 10px;
	background-color: #F08200;
}

section#genre-opinion > ul {
	margin: 0px 0px 1rem;
}

section#genre-opinion > div {
	position: relative;
	margin: 0px 0px 0.8rem;
	padding: 0px 10px;
}

section#genre-opinion > div > p:nth-child(1) {
	width: 100%;
	height: 2rem;
	background-color: #FFD2A0;
}

section#genre-opinion > div > p:nth-child(2) {
	position: absolute;
	top: 0rem;
	padding: 0.3rem;
}

section#genre-opinion > div > p:nth-child(3) {
	width: 100%;
	text-align: right;
	position: absolute;
	top: -2px;
	left: -10px;
	color: #F08200;
}

section#genre-opinion > div > p:nth-child(3) {
	text-align: right;
	color: #F08200;
}

ranking > a > p, section#genre-news > a > p,
 section#genre-opinion > a > p, 
 section#article-related > a > p {
	font-size: 1.2rem;
	text-align: center;
	margin: 1rem auto 0px;
	width: 80%;
	padding: 0.6rem;
	color: #FFF;
	position: relative;
}

section#genre-opinion > a > p {
	background-color: #F08200;
}


section#genre-ranking > a > p > img,
 section#genre-news > a > p > img,
  section#genre-opinion > a > p > img, 
  section#article-related > a > p > img {
	position: relative;
	top: 0.2rem;
}


section#genre-opinion > ul > a > li > p > span {
	color: #E40;
	font-size: 1rem;
}

section#genre-opinion > ul > a > li {
	background-repeat: no-repeat;
	background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	border-bottom: 1px dotted #BBB;
}

aside#comment > ul {
	list-style-type: none;
	padding-left: 10px;
}

aside#comment > ul > li {
	margin: 0.6rem 0px 0px;
}

aside#comment > ul > li > span {
	color: #F00;
}

section#article-single > p {
	padding: 10px 0 0 0;
	word-break: break-all;
}


section#article-single > p.img-box {
	padding: 10px;
	word-break: break-all;
	text-align:center;
}
section#genre-opinion > div > p:nth-child(1) > span {
	display: block;
	height: 2rem;
	background-color: #F08200;
}

section#genre-opinion > div > p:nth-child(3) > span {
	font-size: 30px;
}

aside#opinion > div {
	padding: 10px;
	position: relative;
}

aside#opinion > h2 {
	border-bottom: 1px solid #CCC;
	color: #F08200;
	font-size: 1.2rem;
	margin: 0px 10px;
	position: relative;
	padding-left: 10px;
}

aside#opinion > div > p:nth-child(1) > span {
	color: #F00;
}

aside#opinion > div > div {
	position: relative;
}

aside#opinion > div > div > p:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 1.6rem;
	width: 90%;
	text-align: right;
	color: #F08200;
}

aside#opinion > div > div > p:nth-child(2) {
	width: 100%;
	height: 32px;
	background-color: #FFD2A0;
}

aside#opinion > div > div > p:nth-child(2) > span {
	display: block;
	height: 32px;
	background-color: #F08200;
}

aside#opinion > div > div > p:nth-child(1) > span {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}
/********************************************************** フッターニュースカテゴリ **/
#newsTab,
#newsTab2,
#newsTab3,
#newsTab4,
#newsTab5{
	text-align: center;
}

#feed, #feed2, #feed3,#feed4,#feed5 {
	width: 100%;
	margin: 18px 0;
}

#feed > div > ul > li,
#feed2 > div > ul > li,
#feed3 > div > ul > li,
#feed4 > div > ul > li{
	padding: 10px 0;
	width: 24%;
}

#feed5 > div > ul > li{
	padding: 10px 0;
	width: 32%;
}

/*****余計なカテゴリリストが出ないように収納****/
#feed .hide,
#feed2 .hide,
#feed3 .hide,
#feed4 .hide,
#feed5 .hide{
	display:none;
}

/*****タブ選択した時の背景色****/

#newsTab li.btn-news-p.selected{
	background-color:#EE9D3B;
	color:#ffffff;
}

#newsTab li.btn-news-a.selected{
	background-color:#E60012;
	color:#ffffff;
}

#newsTab li.btn-news-t.selected{
	background-color:#d4d519;
		color:#ffffff;
}

#newsTab li.btn-news-x.selected{
	background-color:#00a7db;
	color:#ffffff;
}


#newsTab2 li.btn-news-f.selected{
	background-color:#78c200;
	color:#ffffff;
}
#newsTab2 li.btn-news-g.selected{
	background-color:#e60088;
	color:#ffffff;
}

#newsTab2 li.btn-news-l.selected{
	background-color:#e73562;
	color:#ffffff;
}

#newsTab2 li.btn-news-o.selected{
	background-color:#f08200;
	color:#ffffff;
}

#newsTab3 li.btn-news-m.selected{
	background-color:#00479d;
	color:#ffffff;
}

#newsTab3 li.btn-news-c.selected{
	background-color:#84219f;
	color:#ffffff;
}

#newsTab3 li.btn-news-k.selected{
	background-color:#9b7cb6;
	color:#ffffff;
}

#newsTab3 li.btn-news-b.selected{
	background-color:#ff3636;
	color:#ffffff;
}

#newsTab4 li.btn-news-d.selected{
	background-color:#00a7db;
	color:#ffffff;
}

#newsTab4 li.btn-news-e.selected{
	background-color:#ffd900;
	color:#ffffff;
}

#newsTab4 li.btn-news-n.selected{
	background-color:#ec6941;
	color:#ffffff;
}

#newsTab4 li.btn-news-w.selected{
	background-color:#00885a;
	color:#ffffff;
}

#newsTab5 li.btn-news-y.selected{
	background-color:#f55987;
	color:#ffffff;
}

#newsTab5 li.btn-news-j.selected{
	background-color:#2f87ff;
	color:#ffffff;
}

#newsTab5 li.btn-news-z.selected{
	background-color:#ffba11;
	color:#ffffff;
}

#newsTab li,
#newsTab2 li,
#newsTab3 li,
#newsTab4 li {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	color: #FFF;
	display: inline-block;
	width: 24.5%;
	border-left: 1px solid #FFF;
	background-color: #F0F0F0;
	
}

#newsTab5 li {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	color: #FFF;
	display: inline-block;
	width: 30%;
	border-left: 1px solid #FFF;
	background-color: #F0F0F0;
	
}


ul#newsTab,
ul#newsTab2,
ul#newsTab3, 
ul#newsTab4,
ul#newsTab5{
	font-size: 0px;
}


#newsTab li:hover,
#newsTab2 li:hover,
#newsTab3 li:hover,
#newsTab4 li:hover,
#newsTab5 li:hover{
	padding-bottom: 10px;
	border-bottom-width: 3px;
}

/*****選択されていないときの表示状態（カラー）****/

#newsTab li.btn-news-p {
	border-bottom: 2px solid #EE9D3B;
	color: #EE9D3B;
}

#newsTab li.btn-news-f{
	background-color: #78c200;
		border-bottom: 2px solid #78c200;

}


#newsTab li.btn-news-a {
	border-bottom: 2px solid #E60012;
	color: #E60012;
	font-weight:bold;
}

#newsTab li.btn-news-t {
	border-bottom: 2px solid #d4d519;
	color: #d4d519;
	font-weight:bold;
}

#newsTab li.btn-news-x {
	border-bottom: 2px solid #149ed1;
	color: #149ed1;
	font-weight:bold;
}


#newsTab2 li.btn-news-f {
	border-bottom: 2px solid #78c200;
	color:#78c200 ;
	font-weight:bold;
}
#newsTab2 li.btn-news-g {
	border-bottom: 2px solid #e60088;
	color: #e60088;
	font-weight:bold;
}
#newsTab2 li.btn-news-l {
	border-bottom: 2px solid #e73562;
	color: #e73562;
	font-weight:bold;
}
#newsTab2 li.btn-news-o {
	border-bottom: 2px solid #f08200;
	color: #f08200;
	font-weight:bold;
}
#newsTab3 li.btn-news-m {
	border-bottom: 2px solid #00479d;
	color: #00479d;
	font-weight:bold;
}
#newsTab3 li.btn-news-c {
	border-bottom: 2px solid #84219f;
	color: #84219f;
	font-weight:bold;
}
#newsTab3 li.btn-news-k {
	border-bottom: 2px solid #9b7cb6;
	color: #9b7cb6;
	font-weight:bold;
}

#newsTab3 li.btn-news-b {
	border-bottom: 2px solid #ff3636;
	color: #ff3636;
	font-weight:bold;
}

#newsTab4 li.btn-news-d {
	border-bottom: 2px solid #00a7db;
	color: #00a7db;
	font-weight:bold;
}
#newsTab4 li.btn-news-e {
	border-bottom: 2px solid #ffd900;
	color: #ffd900;
	font-weight:bold;
}
#newsTab4 li.btn-news-w {
	border-bottom: 2px solid #00885a;
	color: #00885a;
	font-weight:bold;
}
#newsTab4 li.btn-news-n {
	border-bottom: 2px solid #ec6941;
	color: #ec6941;
	font-weight:bold;
}


#newsTab5 li.btn-news-y {
	border-bottom: 2px solid #f55987;
	color: #f55987;
	font-weight:bold;
}
#newsTab5 li.btn-news-j {
	border-bottom: 2px solid #2f87ff;
	color: #2f87ff;
	font-weight:bold;
}
#newsTab5 li.btn-news-z {
	border-bottom: 2px solid #ffba11;
	color: #ffba11;
	font-weight:bold;
}

.rssBody #news-p >  a:nth-child(1) > li ,
.rssBody #news-p >  a:nth-child(2) > li ,
.rssBody #news-p >  a:nth-child(3) > li ,
.rssBody #news-p >  a:nth-child(4) > li ,
.rssBody #news-p >  a:nth-child(5) > li {
	background-image: url('img/icon-P-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody #news-a >  a:nth-child(1) > li ,
.rssBody #news-a >  a:nth-child(2) > li ,
.rssBody #news-a >  a:nth-child(3) > li ,
.rssBody #news-a >  a:nth-child(4) > li ,
.rssBody #news-a >  a:nth-child(5) > li {
	background-image: url('img/icon-A-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody #news-t >  a:nth-child(1) > li ,
.rssBody #news-t >  a:nth-child(2) > li ,
.rssBody #news-t >  a:nth-child(3) > li ,
.rssBody #news-t >  a:nth-child(4) > li ,
.rssBody #news-t >  a:nth-child(5) > li {
	background-image: url('img/icon-T-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody #news-x >  a:nth-child(1) > li ,
.rssBody #news-x >  a:nth-child(2) > li ,
.rssBody #news-x >  a:nth-child(3) > li ,
.rssBody #news-x >  a:nth-child(4) > li ,
.rssBody #news-x >  a:nth-child(5) > li {
	background-image: url('img/icon-X-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody2 > #news-f > a:nth-child(1) >li ,
.rssBody2 > #news-f > a:nth-child(2) >li ,
.rssBody2 > #news-f >  a:nth-child(3) > li ,
.rssBody2 > #news-f >  a:nth-child(4) > li ,
.rssBody2 > #news-f >  a:nth-child(5) > li {
	background-image: url('img/icon-F-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody2 > #news-g >  a:nth-child(1) > li ,
.rssBody2 > #news-g >  a:nth-child(2) > li ,
.rssBody2 > #news-g >  a:nth-child(3) > li ,
.rssBody2 > #news-g >  a:nth-child(4) > li ,
.rssBody2 > #news-g >  a:nth-child(5) > li {
	background-image: url('img/icon-G-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody2 > #news-l >  a:nth-child(1) > li ,
.rssBody2 > #news-l >  a:nth-child(2) > li ,
.rssBody2 > #news-l >  a:nth-child(3) > li ,
.rssBody2 > #news-l >  a:nth-child(4) > li ,
.rssBody2 > #news-l >  a:nth-child(5) > li {
	background-image: url('img/icon-L-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody2 > #news-o >  a:nth-child(1) > li ,
.rssBody2 > #news-o >  a:nth-child(2) > li ,
.rssBody2 > #news-o >  a:nth-child(3) > li ,
.rssBody2 > #news-o >  a:nth-child(4) > li ,
.rssBody2 > #news-o >  a:nth-child(5) > li {
	background-image: url('img/icon-O-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody3 #news-m >  a:nth-child(1) > li ,
.rssBody3 #news-m >  a:nth-child(2) > li ,
.rssBody3 #news-m >  a:nth-child(3) > li ,
.rssBody3 #news-m >  a:nth-child(4) > li ,
.rssBody3 #news-m >  a:nth-child(5) > li {
	background-image: url('img/icon-M-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody3 #news-c >  a:nth-child(1) > li ,
.rssBody3 #news-c >  a:nth-child(2) > li ,
.rssBody3 #news-c >  a:nth-child(3) > li ,
.rssBody3 #news-c >  a:nth-child(4) > li ,
.rssBody3 #news-c >  a:nth-child(5) > li {
	background-image: url('img/icon-C-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}
.rssBody3 #news-k >  a:nth-child(1) > li ,
.rssBody3 #news-k >  a:nth-child(2) > li ,
.rssBody3 #news-k >  a:nth-child(3) > li ,
.rssBody3 #news-k >  a:nth-child(4) > li ,
.rssBody3 #news-k >  a:nth-child(5) > li {
	background-image: url('img/icon-K-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody3 #news-b >  a:nth-child(1) > li ,
.rssBody3 #news-b >  a:nth-child(2) > li ,
.rssBody3 #news-b >  a:nth-child(3) > li ,
.rssBody3 #news-b >  a:nth-child(4) > li ,
.rssBody3 #news-b >  a:nth-child(5) > li {
	background-image: url('img/icon-B-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody4 #news-d >  a:nth-child(1) > li ,
.rssBody4 #news-d >  a:nth-child(2) > li ,
.rssBody4 #news-d >  a:nth-child(3) > li ,
.rssBody4 #news-d >  a:nth-child(4) > li ,
.rssBody4 #news-d >  a:nth-child(5) > li {
	background-image: url('img/icon-D-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody4 #news-e >  a:nth-child(1) > li ,
.rssBody4 #news-e >  a:nth-child(2) > li ,
.rssBody4 #news-e >  a:nth-child(3) > li ,
.rssBody4 #news-e >  a:nth-child(4) > li ,
.rssBody4 #news-e >  a:nth-child(5) > li {
	background-image: url('img/icon-E-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody4 #news-n >  a:nth-child(1) > li ,
.rssBody4 #news-n >  a:nth-child(2) > li ,
.rssBody4 #news-n >  a:nth-child(3) > li ,
.rssBody4 #news-n >  a:nth-child(4) > li ,
.rssBody4 #news-n >  a:nth-child(5) > li {
	background-image: url('img/icon-N-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody4 #news-w >  a:nth-child(1) > li ,
.rssBody4 #news-w >  a:nth-child(2) > li ,
.rssBody4 #news-w >  a:nth-child(3) > li ,
.rssBody4 #news-w >  a:nth-child(4) > li ,
.rssBody4 #news-w >  a:nth-child(5) > li {
	background-image: url('img/icon-W-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody5 #news-y >  a:nth-child(1) > li ,
.rssBody5 #news-y >  a:nth-child(2) > li ,
.rssBody5 #news-y >  a:nth-child(3) > li ,
.rssBody5 #news-y >  a:nth-child(4) > li ,
.rssBody5 #news-y >  a:nth-child(5) > li {
	background-image: url('img/icon-Y-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody5 #news-j >  a:nth-child(1) > li ,
.rssBody5 #news-j >  a:nth-child(2) > li ,
.rssBody5 #news-j >  a:nth-child(3) > li ,
.rssBody5 #news-j >  a:nth-child(4) > li ,
.rssBody5 #news-j >  a:nth-child(5) > li {
	background-image: url('img/icon-J-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}

.rssBody5 #news-z >  a:nth-child(1) > li ,
.rssBody5 #news-z >  a:nth-child(2) > li ,
.rssBody5 #news-z >  a:nth-child(3) > li ,
.rssBody5 #news-z >  a:nth-child(4) > li ,
.rssBody5 #news-z >  a:nth-child(5) > li {
	background-image: url('img/icon-Z-s.png');
	 background-position: 0px 0.8rem;
	padding: 0.6rem 0px 0.6rem 20px;
	 background-repeat: no-repeat;
	 border-bottom: 1px dotted #BBB;
}


.rssBody #news-p,
.rssBody #news-a,
.rssBody #news-t,
.rssBody #news-x,
.rssBody2 #news-f,
.rssBody2 #news-g,
.rssBody2 #news-l,
.rssBody2 #news-o,
.rssBody3 #news-m,
.rssBody3 #news-c,
.rssBody3 #news-k,
.rssBody3 #news-b,
.rssBody4 #news-d,
.rssBody4 #news-e,
.rssBody4 #news-n,
.rssBody4 #news-w,
.rssBody5 #news-y,
.rssBody5 #news-j,
.rssBody5 #news-z{
	margin: 5px 0 0px 8px;

}

/******* もっとみるボタン *******/

.rssBody > ul >div.news-more,
.rssBody2 > ul > div.news-more,
.rssBody3 > ul > div.news-more,
.rssBody4 > ul > div.news-more,
.rssBody5 > ul > div.news-more{
	font-size: 1.2rem;
	text-align: center;
	margin: 1rem auto 0px;
	width: 80%;
	padding: 0.6rem;
	color: #FFF !important;
}

.rssBody > ul#news-p > div.news-more {
	background-color: #EE9D3B;
}

.rssBody > ul#news-a > div.news-more {
	background-color: #e60012;
}

.rssBody > ul#news-t >  div.news-more {
	background-color: #d4d519;
}

.rssBody > ul#news-x >  div.news-more {
	background-color: #149ed1;
}

.rssBody2 > ul#news-f > div.news-more {
	background-color: #78c200;
}

.rssBody2 > ul#news-f > div.news-more {
	background-color: #78c200;
}
.rssBody2 > ul#news-g > div.news-more {
	background-color: #e60088;
}
.rssBody2 > ul#news-l > div.news-more {
	background-color: #e73562;
}
.rssBody2 > ul#news-o > div.news-more {
	background-color: #f08200;
}
.rssBody3 > ul#news-m > div.news-more {
	background-color: #00479d;
}
.rssBody3 > ul#news-c > div.news-more {
	background-color: #84219f;
}
.rssBody3 > ul#news-k > div.news-more {
	background-color: #9b7cb6;
}
.rssBody3 > ul#news-b > div.news-more {
	background-color: #ff3636;
}

.rssBody4 > ul#news-d > div.news-more {
	background-color: #00a7db;
}

.rssBody4 > ul#news-e > div.news-more {
	background-color: #ffd900;
}
.rssBody4 > ul#news-f > div.news-more {
	background-color: #78c200;
}
.rssBody4 > ul#news-n > div.news-more {
	background-color: #ec6941;
}
.rssBody4 > ul#news-w > div.news-more {
	background-color: #00885a;
}

.rssBody5 > ul#news-y > div.news-more {
	background-color: #f55987;
}
.rssBody5 > ul#news-j > div.news-more {
	background-color: #2f87ff;
}
.rssBody5 > ul#news-z > div.news-more {
	background-color: #ffba11;
}

/********************************************************** 主要面以外 **/
/*******コメント一覧******/

nav#pages:after {
	content: "";
	clear: both;
	display: block;
}


aside#comment-list {
	margin-bottom: 2rem;
}

aside#comment-list > h2 {
	border-bottom: 1px solid #CCC;
	color: #F08200;
	font-size: 1.2rem;
	margin: 10px;
	position: relative;
	padding-left: 10px;
}

aside#comment-list > ul > a > li {
	margin: 1rem 0px 0px;
}

aside#comment-list > ul > a > li > span:nth-child(1) {
	color: #F00;
}

nav#pages > a > p {
	padding-top: 0.5rem;
	text-align: center;
	color: #FFF;
	background-color: #F08200;
	width: 49%;
	height: 2.5rem;
	position: relative;
}

aside#comment-list > ul {
	list-style-type: none;
	padding-left: 10px;
}

nav#pages > a.prev-list > p {
	float: left;
}

nav#pages > a.next-list > p {
	float: right;
}

nav#pages > a > p > img {
	position: relative;
	top: 0.25rem;
}

nav#pages:after {
	display: block;
	content: "";
	clear: both;
}

nav#pages > a.page-num {
	display: none !important;
	visibility: hidden !important;
}

/*********************コメントする******/

aside#opinion-post > form > div > p {
	padding-left: 10px;
	margin: 0px 0px 10px;
}

aside#opinion-post {
	margin: 1rem 0px 2rem;
}

aside#opinion-post > form > textarea {
	margin-left: 10px;
	width: 90%;
}

aside#opinion-post > form > select {
	margin-left: 10px;
}

aside#opinion-post > form > input[name="sub"]{
	-webkit-appearance:none;
	-webkit-border-radius:0px;
}

aside#opinion-post > form > input {
	margin: 1rem auto 2rem;
	font-size: 1.4rem;
	display: block;
	float: none;
	padding: 0.6rem 0px;
	color: #FFF;
	width: 81%;
	background-color: #F08200;
}

a > p.return {
	background-color: #F08200;
	font-size: 1.2rem;
	text-align: center;
	margin: 1rem auto 0px;
	width: 80%;
	padding: 0.6rem;
	color: #FFF;
	position: relative;
}

aside#opinion-post > form > input[name="sub"] {
}

aside#opinion-post > form > div > p > label > input {
	border: 1px solid #444;
	float: none;
	position: relative;
	padding-top: 2px;
	margin-right: 10px;
}

aside#opinion-post > form > p > img {
	position: relative;
	top: 0.2rem;
}

/********************コメント詳細を見る******/

aside#comment-view > h2 {
	border-bottom: 1px solid #CCC;
	color: #F08200;
	font-size: 1.2rem;
	margin: 10px 0px;
	position: relative;
}

aside#comment-view > a.wb-button > p {
	border: 1px solid #F08200;
	background-color: #FFF;
	color: #F08200;
}

aside#comment-view > a > p, 
aside#comment-post > a > p, 
aside#comment-list > a > p {
	text-align: center;
	margin: 2rem auto;
	background-color: #F08200;
	width: 80%;
	color: #FFF;
	position: relative;
	padding: 0.6rem;
}

aside#comment-view > a > p > img, 
aside#comment-post > a > p > img, 
aside#comment-list > a > p > img {
	position: relative;
	top: 0.2rem;
}

nav#comment-next-prev:after {
	display: block;
	content: "";
	clear: both;
}

nav#comment-next-prev > a > p {
	color: #888;
	border: 1px solid #888;
	text-align: center;
	padding: 10px 0px;
}

nav#comment-next-prev > a {
	display: block;
	width: 45%;
}

nav#comment-next-prev > a.prev-comment {
	float: left;
}

nav#comment-next-prev > a.next-comment {
	float: right;
}

aside#opinion-post > form > p {
	padding-left: 10px;
	margin-top: 1rem;
	position: relative;
}

/**********************************************
media query js/func_sp.jsでiframeをdivでwrap
**********************************************/
@media screen and (max-width: 630px) {
	section#article-single .pict-wrap,
	section#article-single .youtubeWrap,
	section#article-single .iframe-wrap{
		position:relative;
		padding-bottom: 56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}
	
	section#article-single .pict-wrap img,
	section#article-single .youtubeWrap iframe,
	section#article-single .iframe-wrap iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}

section#article-single > p.img-box img{
	width:85%;
	height:auto;
}


/********************************************************** 雑誌ネット **/
.in-article-zassi-info{
	color:#404040;
	width:100%;
	border:1px solid #e8e8e8;
	margin:20px 0;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	background-color:#ffffff;
	padding:0;
}

.in-article-zassi-info > a:nth-child(1){
	display:block;
	width:30%;
	padding:1em;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.in-article-zassi-info > a:nth-child(1) > img{
	width:100%;
}

.in-article-zassi-info > div:nth-child(2){
	display:block;
	width:70%;
	padding:1em;
	padding-left:0;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.in-article-zassi-info > div:nth-child(2) > p{
	font-size:small;
	color:#808080;
}

.in-article-zassi-info > div:nth-child(2) > h2{
	margin:0;
	padding:0;
	font-size:large;
	font-weight:normal;
	border-bottom:none;
}

.in-article-zassi-info > div:nth-child(2) > p:nth-child(1){
	margin:0 0 0.5em;
}

.in-article-zassi-info > div:nth-child(2) > p:nth-child(3){
	display:none;
}

.clearfix:after{
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

blockquote{
	width:95%;
	margin:2em auto 2em;
	padding:1em;
	border:1px solid #e8e8e8;
	background-color:#ffffff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

/**********************************************************記事詳細「合せて読みたい」部分 **/
.yarpp-related > h3{
	width: auto;
	border-bottom:1px solid #5AA9B7;
}


.yarpp-thumbnails-horizontal >a:nth-child(1),
.yarpp-thumbnails-horizontal >a:nth-child(2),
.yarpp-thumbnails-horizontal >a:nth-child(3),
.yarpp-thumbnails-horizontal >a:nth-child(4) {
	margin:5px 0px;
	width: auto ;
	padding:0 0 10px 0;
	border-bottom: 1px solid #E8E8E8;
	float:left;
}


.yarpp-thumbnails-horizontal >a:nth-child(1) >img ,
.yarpp-thumbnails-horizontal >a:nth-child(2) >img ,
.yarpp-thumbnails-horizontal >a:nth-child(3) >img ,
.yarpp-thumbnails-horizontal >a:nth-child(4) >img {
	display: block;
	width: 20%;
	height:20%;
	float:left;
	margin:0 7px 0 0;
}


#article-single > p.provider{
		clear:both;
}

section#awasete-yom{
 margin:15px auto;
 
}


section#awasete-yom > h2{
 font-size: 1.6rem;
 padding: 0px 0px 0px 10px;
 background-color: #F08200;
 color: #FFF;
}

section#awasete-yom > div.ranking a article{
	border-bottom: 1px dotted #BBB;
	padding: 0.5rem 0px 0.5rem 10px;
	height: 85px;
	display: flex;
	position:relative;
}
section#awasete-yom > div.ranking .awasete_right{
	align-items: center;
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-left: 90px;
	padding-right: 20px;
}
section#awasete-yom > div.ranking .awasete_right p{
	font-size:small;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
section#awasete-yom > div.ranking a article h2{
	font-size: 1.0rem;
	margin-bottom:0.2rem;
	height: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

section#awasete-yom > div.ranking a article h2 span{
display:inline-block;
font-size: small;
margin-top: 5px;
}

section#awasete-yom > div.ranking a article div{
	margin-right:5px;
	margin-top:0.1rem;
	width: 80px;
	height: 80px;
	background-size: cover;
	overflow: hidden;
	position:absolute;
}

section#awasete-yom >div.ranking> a article p span{
	padding: 0.1rem 0px 0.1rem 15px;
}

/********************************************************** beasup **/

section#article-single.beasup-X .aligncenter,
.aligncenter,
section#article-single.beasup-U .aligncenter,
.aligncenter,
section#article-single.beasup-G .aligncenter,
.aligncenter,
section#article-single.beasup-L .aligncenter,
.aligncenter,
section#article-single.beasup-M .aligncenter,
.aligncenter,
section#article-single.beasup-C .aligncenter,
.aligncenter,
section#article-single.beasup-K .aligncenter,
.aligncenter,
section#article-single.beasup-B .aligncenter,
.aligncenter,
section#article-single.beasup-W .aligncenter,
.aligncenter
section#article-single.beasup-B .aligncenter,
.aligncenter
section#article-single.beasup-D .aligncenter,
.aligncenter,
section#article-single.beasup-Z .aligncenter,
.aligncenter,
section#article-single.beasup-N .aligncenter,
.aligncenter,
section#article-single.beasup-Y .aligncenter,
.aligncenter,
section#article-single.beasup-I .aligncenter,
.aligncenter,
section#article-single.beasup-J .aligncenter,
.aligncenter,
section#article-single.beasup-H .aligncenter,
.aligncenter,
section#article-single.beasup-E .aligncenter,
.aligncenter,
section#article-single.beasup-Z .aligncenter,
.aligncenter{
	text-align:center;
}

section#article-single.beasup-N img,
section#article-single.beasup-X img,
section#article-single.beasup-F img,
section#article-single.beasup-U img,
section#article-single.beasup-G img,
section#article-single.beasup-I img,
section#article-single.beasup-L img,
section#article-single.beasup-M img,
section#article-single.beasup-C img,
section#article-single.beasup-K img,
section#article-single.beasup-B img,
section#article-single.beasup-E img,
section#article-single.beasup-D img,
section#article-single.beasup-W img,
section#article-single.beasup-Y img,
section#article-single.beasup-I img,
section#article-single.beasup-J img,
section#article-single.beasup-H img,
section#article-single.beasup-Z img,
section#article-single.beasup-E img{
	display:block;
	height: auto !important;
	width: 100%;
	margin:0 auto 0;
}

section#article-single.beasup-K h1,
section#article-single.beasup-E h2,
section#article-single.beasup-D h2,
section#article-single.beasup-B h2,
section#article-single.beasup-C h2,
section#article-single.beasup-M h2,
section#article-single.beasup-I h2,
section#article-single.beasup-M h3,
section#article-single.beasup-X h3,
section#article-single.beasup-X h2,
section#article-single.beasup-Z h2{
	font-weight: bold; 
	margin:0 10px;
	font-size: 1.1rem;
}

section#article-single.beasup-X a,
section#article-single.beasup-U a,
section#article-single.beasup-F a,
section#article-single.beasup-G a,
section#article-single.beasup-Z a,
section#article-single.beasup-Y a,
section#article-single.beasup-I a,
section#article-single.beasup-W a,
section#article-single.beasup-J a,
section#article-single.beasup-M a,
section#article-single.beasup-N a,
section#article-single.beasup-E a,
section#article-single.beasup-D a,
section#article-single.beasup-C a,
section#article-single.beasup-B a,
section#article-single.beasup-K a,
section#article-single.beasup-H a,
section#article-single.beasup-Z a,
section#article-single.beasup-L a{
 color:#2355A5;
}

section#article-single p{
	overflow-wrap:break-word;
	word-break:break-all;
	line-height:1.4em;
}

/********************************************************** i-mobileネイティブアド **/

.imobhotspot_jorudan .imobile_infeed_spot{
		display:inline !important;
height:22px!important;
}
.imobhotspot_jorudan .imobile_infeed{
		display:inline !important;
height:22px!important;
}
.imobhotspot_jorudan div[id^="imobspot_"]{
		margin:0 !important;
}
.imobhotspot_jorudan .imobile_infeed_img_container{
 display:none !important;
}
.imobhotspot_jorudan .imobile_infeed_body{
		display:inline !important;
		 width:auto !important;
		margin:0 0 0 0 !important;
height:22px!important;
}
.imobhotspot_jorudan .imobile_infeed_title{
 display:none !important;
}
.imobhotspot_jorudan .imobile_infeed_description:before{
content:"[PR]";
margin-right:5px;
}
.imobhotspot_jorudan .imobile_infeed_description{
		margin:0 0 0 0 !important;
font-size: 15px !important;
line-height: 1.5em;
		text-decoration: none;
color: #2355A5;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
}
.imobhotspot_jorudan .imobinfeedosume{
padding:0!important;
}
.imobhotspot_jorudan div[id^="imobile_adspotdiv"]{
padding:0!important;
}
/********************************************************** オプトアウト **/
.optout>a>article{
	border-bottom: 1px dotted #BBB;
	padding: 0.5rem 0px 0.5rem 10px;
	font-size: 1rem;
	color: #2355A5;
}

.optout>a{
	border-bottom: 1px dotted #BBB;
}

.optout{
height:auto;
}



.infinit-ad-box{
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}

.infinit-ad-box iframe{
	margin:0;
	padding:0;
	border:none 0 !important;
}

.ad-300x250{
	display:none;
}

.ad-300x250:nth-child(5){
	display:block;
	margin:10px auto 10px;
	width:300px;
}

.top-article{
	border-top:none 0;
	border-bottom:1px solid #ccc;
}
.top-article article{
	position:relative;
	height:260px;
}

.top-article:first-child{
	border-top:1px solid #ccc;
}

#infscr-loading,
#kijilist em{
	display:block;
	text-align:center;
	margin:10px auto 10px;
}

#jword_ad{
	display:none;
	color:#787878;
	padding:10px;
	border-bottom:1px solid #ccc;
}
div#jword_ad.show{
	display:block !important;
}
#jword_ad #jword_ad_title,
#jword_ad #jword_ad_description1,
#jword_ad #jword_ad_description2{
	line-height: 1.4rem;
	font-size: 1.1rem;
	font-weight: bolder;
	color:#787878;
}
#jword_ad #pr{
	color:#9B9B9B;
	text-align: right;
	display: block;
}
#jword_ad_white_bg{
	border-bottom:1px solid #ccc;
}

#sns-buttons-upper{
	width:100%;
	margin:10px 0 10px;
	-webkit-box-orient:horizontal;
	display: -webkit-box;
	display:-moz-box;
	display:box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
#sns-buttons-upper a{
	display:block;
	width:80px;
	height:50px;
	padding:6px 20px;
	box-sizing:border-box;
	border:1px solid #c0c0c0;
	background-clip:content-box;
	background-repeat:no-repeat;
	background-image:url('/docs/news/img/sns-buttons.png');
	color:transparent;
	background-size:36px;
	border-radius: 2px;
}
#sns-buttons-upper .sns-button-tw{background-position:21px 7px;}
#sns-buttons-upper .sns-button-fb{background-position:21px -30px;}
#sns-buttons-upper .sns-button-hb{background-position:21px -66px;}



section#article-single > div > div.article-info{
	-webkit-box-orient:horizontal;
	display: -webkit-box;
	display:-moz-box;
	display:box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-moz-box-pack:end;
	-ms-box-pack:end;
	box-pack:end;
	flex-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	align-items:baseline;
}

section#article-single > div > div.article-info > span.news-vendor{
	flex-grow:1;
}

section#article-single > div > div.news-vendor,
section#article-single > div > div.article-info > span.news-vendor,
section#article-single > div > div.article-info > span.news-date,
section#article-single > div > div.article-info > span.news-access{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	display:block;
	color:#ffffff;
}
section#article-single > div > div.news-vendor{
	margin-top:15px;
}
section#article-single > div > div.article-info > span.news-access > span{
	font-size:18px;
	font-weight:bold;
}

#date{
	font-size:12px;
}
.news-owner{
	font-size:12px;
}



div.follow-jorudannews,
div.sns-icons{
	width:100%;
	margin:10px 0 10px;
	-webkit-box-orient:horizontal;
	display: -webkit-box;
	display:-moz-box;
	display:box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
div.follow-box a,
div.follow-jorudannews a,
div.sns-icons a{
	height:46px;
	display:block;
	flex-grow:1;
	text-decoration:none;
}
div.follow-box > a > div,
div.follow-jorudannews > a > div,
div.sns-icons > a > div{
	display:block;
	margin:5px auto;
	width:36px;
	height:36px;
	background-repeat:no-repeat;
	background-image:url('/docs/news/img/sns-buttons_pc.png');
	color:transparent;
	background-size:36px;
}
div.sns-icons > a.sns-icons-tw{background-color:#3399ff;}
div.sns-icons > a.sns-icons-fb{background-color:#3b5998;}
div.sns-icons > a.sns-icons-hb{background-color:#008fde;}
div.sns-icons > a.sns-icons-li{background-color:#00c300;}
div.sns-icons > a.sns-icons-tw > div{background-position:0 0;}
div.sns-icons > a.sns-icons-fb > div{background-position:0 -36px;}
div.sns-icons > a.sns-icons-hb > div{background-position:0 -72px;}
div.sns-icons > a.sns-icons-li > div{background-position:0 -108px;}

div.follow-jorudannews > a.sns-icons-tw{background-color:#3399ff;}
div.follow-jorudannews > a.sns-icons-fb{background-color:#3b5998;}
div.follow-jorudannews > a.sns-icons-tw > div{background-position:0 0;}
div.follow-jorudannews > a.sns-icons-fb > div{background-position:0 -36px;}

div.follow-box > a.sns-icons-tw{background-color:#3399ff;}
div.follow-box > a.sns-icons-fb{background-color:#3b5998;}
div.follow-box > a.sns-icons-tw > div{background-position:0 0;}
div.follow-box > a.sns-icons-fb > div{background-position:0 -36px;}

div.tw-baloon{
	text-align: center;
	border: 1px solid #aaa;
	padding: 10px 0px 8px;
	font-size: 14px;
	line-height:14px;
	position: relative;
	z-index: 0;
	margin: 0px 0px 8px;
	border-radius: 2px;
}
div.tw-baloon a{
	color:#666;
}
div.tw-baloon a:hover{
	text-decoration:underline;
}
div.tw-baloon:before{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 50%;
	margin-left: -4px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 4px 0px;
	border-color: #fff transparent transparent;
	z-index: 0;
}
div.tw-baloon:after{
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0px;
	border-color: #aaa transparent transparent;
	z-index: -1;
}

div.follow-box{
	margin-top:40px;
	margin-bottom:30px;
	width:100%;
}
div.follow-box > p > img{
	vertical-align:middle;
}
div.follow-box > p{
	box-sizing:border-box;
	margin:10px;
	text-align:left;
}
div.follow-box > a{
	height:56px;
	box-sizing:border-box;
	margin:0 10px 10px 10px;
	padding:10px;
	display:block;
	color:#ffffff;
	position:relative;
}
div.follow-box > a > span,
div.follow-box > a > div{
	display:inline-block;
}
div.follow-box > a > div{
	margin:0;
}
div.follow-box > a > span{
	margin-left:10px;
	position:relative;
	top:-12px;
}

aside#comment > div.fb-comment{
	box-sizing:border-box;
	padding:10px 0 10px;
}

aside#comment > div.fb-comment > div,
aside#comment > div.fb-comment > p{
	box-sizing:border-box;
	text-align:center;
	vertical-align: top;
	margin: 10px 0px 10px;
}

#article-single > div > img{
	width:100%;
	height:auto;
}

#article-single iframe{
	width:100% !important;
}

#vismPlayer{
	width:100% !important;
}

section#awasete-yom > h2#PR-box{
	padding-top:8px;
	padding-bottom:8px;
	margin-top: 20px;
	font-size: 18px;
	background-color: rgb(0, 75, 230);
}

section#awasete-yom h2.PR-title,
section#awasete-yom h2.PR-title > ul{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

#article-single img.alignleft{
	width: 50%;
	float: left;
	height: auto;
	margin: 10px 10px 10px 0;
}

section#article-single > .photocaption{
	font-size: small;
	background-color: #f0f0f0;
	margin-top:0px;
	padding:10px;
	color:#606060;
	line-height:1.2em;
}

section#article-single > p:empty{
	display:none;
}

section#article-single > p a + br{
	line-height:1.8em;
}

/********************************************************** ログインフォーム **/


section#article-single div.article_login p{
	color:#444;
}

div.article_login{
	margin:10px 0 10px;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
div.article_login .login_box{
	padding:20px;
	border:2px solid var(--bg-color-jstand);
}
div.article_login a.show-modal-login,
div.article_login a.show-modal-newuser{
	cursor: pointer;
	display:block;
	width:260px;
	text-align:center;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	background-color:#f0f0f0;
	margin:20px auto 20px;
}

#article-single iframe{
	border:0;
}
.top_umenu{
	height:30px;
	width:100%;
	text-align:center;
}
.top_umenu a{
	margin: 5px 0 0 0;
	display:inline-block;
	padding:4px;
	border-radius:4px;
	background-color:#dedede;
}

/********************************************************** Connatix **/

.cnx-main-container{
	margin-top:20px;
}

/********************************************************** PWAボタン **/
#install-button {
display: block;
background-color: #1346AA;
color: #fff;
border: 0;
padding: 0.6em;
border-radius: 0.4em;
font-weight: bold;
margin: 0 auto 0;
}
/********************************************************** タビリス **/
.quads-location {
		display: none;
}

th,td {
	 border:solid 1px;
}

table {
	border-collapse:collapse;
}

figure.wp-caption{
position:relative;
width:100% !important;
margin:1em 0 0;
}

caption{
font-weight:bold;
}

figcaption.wp-caption-text{
margin: 0 auto 20px;
padding: 10px;
background-color: #f0f0f0;
color: #606060;
text-align: left;
line-height: 1.6em;
width:100%;
top:-10px;
}

/********************************************************** bimi **/

.Atcldatatable {
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
border-collapse: collapse;
border-top: 1px dotted #999999;
}

.Atcldatath {
  width: 25%;
  padding: 4px 2px 2px 4px;
  text-align: left;
  vertical-align: top;
  color: #333333;
  background-color: #fff;
  border-bottom: 1px dotted #999999;
  font-size: 12px;
}

.Atcldatatd {
  padding: 4px 2px 2px 4px;
  font-size: 12px;
  border-bottom: 1px dotted #999999;
  border-left: 1px solid #CCCCCC;
  word-break: break-all;
}

.Atcldatatable td,
.Atcldatatable th{
  border:inherit;
}

.section#article-single > div .text p{
	color:#333;
}

/********************************************************** cse検索結果 **/
.gs-result > .gsc-url-top,
.gs-snippet{
	display:none;
}
.gs-result .gs-web-image-box-landscape img.gs-image,
.gs-result .gs-web-image-box-portrait img.gs-image{
	max-width:800px;
	width:80px;
	height:auto;
	border:none;
}
.gs-result .gs-image-box.gs-web-image-box.gs-web-image-box-landscape,
.gs-result .gs-image-box.gs-web-image-box.gs-web-image-box-portrait{
	width:80px;
	height:80px;
	overflow:hidden;
}
.gsc-control-cse .gsc-table-result{
	margin-top:-1.4em;
	font-size:16px;
}
.gsc-result div.gs-title{
	padding-left:90px;
	border:none;
	overflow:visible;
}
.gsc-control-cse .gsc-webResult.gsc-result{
	border-top:1px solid #e0e0e0;
	min-height:80px;
}
.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page{
	padding: 6px 0 6px;
	border: 1px solid #d0d0d0;
	width: 1.7em;
	word-wrap: normal;
	text-align: center;
	display:inline-block;
}
.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page{
	background-color:#f0f0f0;
}
.vertical_list{
	margin-bottom:20px;
}
.gsc-control-cse .gsc-table-cell-thumbnail.gsc-thumbnail:empty{
	display: block !important;
	background-image: url('http://news.jorudan.co.jp/docs/news/img/thumbs_J.png');
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: contain;
}
.gs_footer_ad{
	width:100%;
}
.gs_footer_ad div{
	margin:0 auto 20px;
}
.hidden{
	visibility:hidden;
}
.visible{
	visibility:visible;
}


/********************************************************** j-stand **/
:root {
	--bg-color:#2a75a7;
	--text-color: #ffffff;
	--bg-color-jstand:#084080;
}
footer{
	padding:1em 0 0;
	color:var(--text-color);
	background-color:var(--bg-color);
}
footer > div > img{
	width: 50%;
	margin: 1em auto 1em;
	display: block;
}
footer table{
	width:90%;
	margin:0 auto 10px;
	border:none;
}
footer table th,
footer table td{
	border:none;
	padding:0.4em;
	font-size:1em;
	color:#fff;
}
footer table tr.tableline {
	border-bottom: 1px solid #fff;
}
footer table tr.logo td img{
	width:60%;
}
footer table tr.logo td {
	text-align:center;
}

header a:link,
header a:visited,
footer a:link,
footer a:visited{
	color:#fff;
	text-decoration:none;
}
header a:hover,
footer a:hover{
	text-decoration:underline;
}
.index_header{
background-image:url('/img/AdobeStock_179729408.jpg');
background-size:cover;
min-height: 240px;
display: flex;
align-items: center;
vertical-align:center;
justify-content: center;
font-size:1.5em;
}

h2.indexpage{
    margin: 10px; /* モバイル向けにマージンを調整 */
}

.kijilist{
border-radius: 5px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
margin: 10px;
padding-top: 10px;
}

/* 媒体ヘッダー部分 */
.media-header {
    display: flex;
    align-items: center; /* 垂直方向中央揃え */
    margin: 10px;
}

.media-icon {
    width: 40px; /* アイコンの幅 */
    height: 40px; /* アイコンの高さ */
    background-color:var(--bg-color);
    margin-right: 10px; /* アイコンと媒体名の間のスペース */
    flex-shrink: 0;
    background-repeat: no-repeat; /* 画像を繰り返さない */
    background-position: center center; /* 画像を水平・垂直方向の中央に配置 */
    background-size: contain; /* 画像を要素内に収まるように調整（必要に応じて） */
    border-radius: 50%; /* これを追加して要素を真円にする */
    overflow: hidden; /* 背景画像や要素の内容がはみ出すのを防ぐ（念のため） */
}

.media-name {
    font-size: medium;
    font-weight: bold;
    margin: 0;
}

/* 記事リスト部分 */
.article-list {
    display: flex;
    flex-direction: column; /* 記事アイテムを縦に並べる */
    gap: 5px; /* 記事アイテム間のスペースを調整 */
    width: 100%; /* モバイルでは横幅いっぱい */
}

.article-item {
    display: flex; /* 画像と記事内容を横並びにする */
    align-items: center; /* 記事画像とタイトルを垂直方向中央揃え */
    background-color: #fff;
    padding: 10px; /* パディングを調整 */
}

.article-image {
    width: 100px; /* 画像の幅をモバイル向けに調整 */
    height: 75px; /* 画像の高さ (4:3のアスペクト比を想定) */
    background-color: #000080; /* 濃い青色 */
    margin-right: 15px; /* 画像とタイトルの間のスペース */
    flex-shrink: 0; /* 画像が縮まないようにする */
	background-size:cover;
    object-fit: cover; /* 画像がBoxを埋めるようにする (もしimgタグを使うなら) */
}

.article-content {
    flex-grow: 1; /* タイトル部分が残りのスペースを埋めるようにする */
    display: flex; /* タイトルを垂直中央にするためにFlexboxを使用 */
    align-items: center; /* 垂直方向中央揃え */
    /* ここでは高さ固定をしないことで、タイトル行数によって自動調整されるようにする */
    height: auto;
    min-height: 75px; /* 画像の高さに合わせて最低限の高さを設定 */
}

.article-title {
    font-size: 18px; /* 記事タイトルのフォントサイズ */
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
    color: #333;
    /* text-align: center; は不要（中央寄せにする必要がなければ） */
}

header{
	color:var(--text-color);
	background-color:var(--bg-color);
}
header > div{
	padding:0.3em;
	text-align:center;
	font-weight:bold;
}
header div.jstandheader{
	text-align:left;
	font-size: 1.2em;
	background-color:var(--bg-color-jstand);
}
header div.jstandmenu{
	font-size: 0.6em;
	font-weight:normal;
	position: absolute;
	top: 1em;
	right: 1em;
	color:#fff;
}
header > div#basic{
	height:10px;
	padding:0;
}
header > div > img{
	width: 50%;
	margin: 1em auto 0;
	display: block;
}
header > div#logobotan {
	position: absolute;
	top:3em;
	right:0;
	text-align:center;
}
header .jnews,
header .jcast{
display:none;
}
header.I .jnews,
header.X .jcast,
header.JD .jnews,
header.JC .jcast{
display:block;
}


footer div.jstandfooter{
	background-color:var(--bg-color-jstand);
	padding:1em 0 2em;
}
footer .jnews,
footer .jcast{
display:none;
}
footer.I .jnews,
footer.X .jcast,
footer.JD .jnews,
footer.JC .jcast{
display:block;
}

.article_login {
  position: relative;
}

.article_login::before {
content: "";
position: absolute;
top: -305px;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
pointer-events: none;
z-index: 10;
}

div.article_login .login_box a {
	display: block;
	background: var(--bg-color-jstand);
	color: #fff;
	text-align: center;
	padding: 0.5em;
	border-radius: 4px;
	margin: 1em 0 1em;
}
.article_login.indexpage::before {
display:none;
}

#article-single > div > a > h1:first-of-type,
article > div > a > h2:first-of-type{
	margin: 1em 10px 0.2em -10px;
	padding-left: 10px;
	border-left: var(--bg-color) 10px solid;
	font-weight:bold;
}
#article-single > div > a > h1:first-of-type{
	margin-left:0;
}
article .bunnkatsu div.articlebody h2,
article .bunnkatsu div.articlebody p,
#article-single > div p,
#article-single > div h2{
	margin:10px;
}
section#kijilist > div div.kijinumbertop,
section#kijilist > div div.kijinumberbottom {
	width:50%;
	margin:0 auto 0;
	color:var(--bg-color);
	text-align: center;
	font-weight: bold;
	font-size: 2em;
}
section#kijilist > div div.kijinumberbottom {
	border-bottom: solid 4px var(--bg-color);
}

section#kijilist > div:nth-of-type(2) div.kijinumbertop::after {content:"2";}
section#kijilist > div:nth-of-type(3) div.kijinumbertop::after {content:"3";}
section#kijilist > div:nth-of-type(4) div.kijinumbertop::after {content:"4";}
section#kijilist > div:nth-of-type(5) div.kijinumbertop::after {content:"5";}
section#kijilist > div:nth-of-type(6) div.kijinumbertop::after {content:"6";}
section#kijilist > div:nth-of-type(7) div.kijinumbertop::after {content:"7";}
section#kijilist > div:nth-of-type(8) div.kijinumbertop::after {content:"8";}
section#kijilist > div:nth-of-type(9) div.kijinumbertop::after {content:"9";}
section#kijilist > div:nth-of-type(10) div.kijinumbertop::after {content:"10";}
section#kijilist > div:nth-of-type(11) div.kijinumbertop::after {content:"11";}
section#kijilist > div:nth-of-type(12) div.kijinumbertop::after {content:"12";}
section#kijilist > div:nth-of-type(13) div.kijinumbertop::after {content:"13";}
section#kijilist > div:nth-of-type(14) div.kijinumbertop::after {content:"14";}
section#kijilist > div:nth-of-type(15) div.kijinumbertop::after {content:"15";}
section#kijilist > div:nth-of-type(16) div.kijinumbertop::after {content:"16";}
section#kijilist > div:nth-of-type(17) div.kijinumbertop::after {content:"17";}
section#kijilist > div:nth-of-type(18) div.kijinumbertop::after {content:"18";}
section#kijilist > div:nth-of-type(19) div.kijinumbertop::after {content:"19";}
section#kijilist > div:nth-of-type(20) div.kijinumbertop::after {content:"20";}

section#kijilist > div:nth-of-type(1) div.kijinumberbottom::after {content:"1";}
section#kijilist > div:nth-of-type(2) div.kijinumberbottom::after {content:"2";}
section#kijilist > div:nth-of-type(3) div.kijinumberbottom::after {content:"3";}
section#kijilist > div:nth-of-type(4) div.kijinumberbottom::after {content:"4";}
section#kijilist > div:nth-of-type(5) div.kijinumberbottom::after {content:"5";}
section#kijilist > div:nth-of-type(6) div.kijinumberbottom::after {content:"6";}
section#kijilist > div:nth-of-type(7) div.kijinumberbottom::after {content:"7";}
section#kijilist > div:nth-of-type(8) div.kijinumberbottom::after {content:"8";}
section#kijilist > div:nth-of-type(9) div.kijinumberbottom::after {content:"9";}
section#kijilist > div:nth-of-type(10) div.kijinumberbottom::after {content:"10";}
section#kijilist > div:nth-of-type(11) div.kijinumberbottom::after {content:"11";}
section#kijilist > div:nth-of-type(12) div.kijinumberbottom::after {content:"12";}
section#kijilist > div:nth-of-type(13) div.kijinumberbottom::after {content:"13";}
section#kijilist > div:nth-of-type(14) div.kijinumberbottom::after {content:"14";}
section#kijilist > div:nth-of-type(15) div.kijinumberbottom::after {content:"15";}
section#kijilist > div:nth-of-type(16) div.kijinumberbottom::after {content:"16";}
section#kijilist > div:nth-of-type(17) div.kijinumberbottom::after {content:"17";}
section#kijilist > div:nth-of-type(18) div.kijinumberbottom::after {content:"18";}
section#kijilist > div:nth-of-type(19) div.kijinumberbottom::after {content:"19";}
section#kijilist > div:nth-of-type(20) div.kijinumberbottom::after {content:"20";}

section#kijilist > div:last-child div.kijinumberbottom {display:none;}

section#article-single div.articlebody{
	padding:10px;
}