.Container {
	padding-top: 0.5em;
	box-sizing: border-box;
}
#mainContents {
	min-width: 608px;
	width: 64%;
	font-size: 95%;
	float: left;
	box-sizing: border-box;
	padding: 0 1rem;
}
@media screen and (max-width: 960px) {
	#mainContents {
		width: 100%;
		min-width: 100%;;
		max-width: 100%;
		padding: 0;
	}
}
#news {

}
@media screen and (max-width: 960px) {
	#news {
		width: calc(100% * 2/3 - 0.5rem);
	}
}
.MC_News, .MC_HotWords {
	width: calc(100% / 2 - 0.5rem);
	float: left;
	padding: 0 0 0.5rem 0.5rem;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin: auto 0.25rem 0.5rem;
}
.MC_HotWords {
	padding: 0 0 0.5rem 0;
}
.MC_News:hover, .MC_HotWords:hover {
	border: 1px solid var(--main-color);
}

.MC_News:hover label, .MC_HotWords:hover label {
	background-color: var(--main-color);
	color: white;
}

.MC_News  ul li:last-child, .MC_HotWords ul li:last-child {
	margin-bottom: 1rem;
}

.MC_News ul {
	list-style-position: inside;
	list-style-type: decimal;
}

.MC_HotWords ul {
	list-style-position: inside;
	list-style-type: decimal;
}

#mobileW1 {
	display: none;
}
@media screen and (max-width: 960px) {
	#mobileW1 {
		display: block;
		width: calc(100% / 3);
		float: right;
		overflow: hidden;
		text-align: center;
		top: 0;
		right: 0;
		position: absolute;
	}
	#mobileW1 table.TenkiTbl {
		font-size: 80%;
	}
	#mobileW1 table.TenkiTbl th {
		font-size: 80%;
	}
}

.Rss {
	width: 100%;
	text-align: left;
}

ul.NewsList {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
}
ul.NewsList li {
	overflow: hidden;
white-space:nowrap;
}

.NewsListLabel {
	font-size: 90%;
	font-weight: bold;
}
.CategoryTxt a {
/*
		color: transparent;
	background-color : black;
	text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
	-webkit-background-clip : text;
*/	
}
#timerWrap {
	border: 1px solid #ccc;
	width: 100%;
	min-height: 2rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	font-size: 80%;
	box-sizing: border-box;
}
#topnews, #recomments, #benriCategories {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
overflow: hidden;
}

.MC_News, .MC_HotWords {
	display: table-cell;
	margin: 0 0 0.5rem;
}
.MC_News {
	width: calc(100%/2 + 2.5rem);
}
.MC_HotWords {
	width: calc(100%/2 - 3.5rem);
	font-size: 90%;
    line-height: 180%;
	margin-left: 0.5rem;
	float: right;
}

@media screen and (max-width: 960px) {
	.MC_HotWords {
		width: 100%;
	}
}
.MC_Recommends {
	border: 1px solid #ccc;
	float: left;
	/*padding: 0 0 0.5rem 0.5rem;*/
	text-align: left;
	box-sizing: border-box;
	display: inline-block;
	width: 99%;
}

@media screen and (max-width: 1024px) {/* mobile css */
	.MC_Recommends {
		
	}
}
@media screen and (max-width: 680px) {
	.MC_Recommends {
		width: 100%;
	}
}
.MC_Recommends:hover {
	border: 1px solid var(--main-color);
}

#recommends div.MC_Recommends:last-child {
	margin-right: 0;
	
}


#recommends div.MC_Recommends:nth-child(3n) {
	margin-right: 0;
}


.CategoryTtl {
	font-size: 90%;
	font-weight: bold;
}
dl.BaseDl dt {
	font-size: 85%;
}
dl.BaseDl dd:before {/*適用できない？*/
	left: 6px;width: 8px;height: 8px;border-top: 4px solid #7a0;border-right: 4px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);
}
dl.BaseDl dd {
	text-indent: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
}

.Rss label , .MC_Recommends label.CategoryTtl {
	display: block;
    height: 2.2rem;
    padding: 0.4rem 0 0.4rem 0.5rem;
    position: relative;
	box-sizing: border-box;
	
	background-color: var(--bg-color);
	background-image: -moz-linear-gradient(top, #FFF, #DDD);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #DDD));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFF',EndColorStr='#DDD');	
	font-size: 110%;
}

.Rss:hover label {
	color: var(--txt-color-on);
	background-color: var(--bg-color-on);
	background-image: -moz-linear-gradient(top, var(--color-from), var(--color-to));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-from)), color-stop(1, var(--color-to)));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='var(--color-from)',EndColorStr='var(--color-to)');
} 


.Rss label:after , .MC_Recommends label.CategoryTtl:after {
}


/***********************************
 * カテゴリ
 ***********************************/
#categorySortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 160px;
}

#categorySortable li {
	padding: 0.3em;
	padding-left: 1em;
	font-size: 15px;
	font-weight: bold;
	cursor: move;
}

.CategoryTxt {
	width: 100%;
	z-index: 100;
}

/***********************************
 * Blockメニュー
 ***********************************/
#mBoxSortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 544px;
}

#mBoxSortable li {
	margin: 0 3px 3px 3px;
	padding: 0.3em;
	padding-left: 1em;
	font-size: 15px;
	font-weight: bold;
	cursor: move;
	box-sizing: border-box;
}

.MenuTxt {
	width: 100%;
	padding-left: 1em;
	z-index: 100;
}

.SortableMainBox {
	width: 170px;
	height: 230px;
	float: left;
	box-sizing: border-box;
}

.MainBoxContents span {
	width: 100%;
	clear: both;
	float: left;
}

select#areasel {
width: 100%;
}





/*=======================================
 * BUTTONボタン仕様
 *======================================*/ 
#benriCategories {
width: 100%;
}
.BtnView {
    width: calc(100% / 5 - 0.5rem );
overflow: hidden;
display: block;
}
@media screen and (max-width: 1024px) {
.BtnView {
    width: calc(100% / 3 - 0.5rem);
}
.BtnView:nth-child(3n) {
	margin-right: 0;
	width: calc(100% / 3); 
z-index: 5;
}
}


/****************************************************
 * .Search 検索エンジン利用CSS（TODO toppageに移動)
 ****************************************************/
 #searchEngine {
 	width: 100%;
 	margin: 0 auto .5rem auto;
 }
.Search {
	width: 100%;
}
.SearchCategories{
	width: 100%;
	clear: both;
}
dt.SCategory {
	width: 3.5rem;
	height: 1.4rem;
	float: left;
	font-size: 90%;
	padding: .3rem 0 0;
	box-sizing: border-box;
	text-align: center;
	border-left: 1px dotted #007ced;
	border-left: 1px dotted var(--main-color);
}
dt.SCategory:first-child {
	border-left: 0px;
	margin-left: 20%;
}
dt.SCategory:active {
	font-weight: bold;
	color: green;
	color: var(--accent-color);
}
dt.SCategory:hover {
	font-weight: bold;
	color: green;
	color: var(--accent-color);
	cursor: pointer;
}
dt.SCur {
	font-weight: bold;
	color: green;
	color: var(--accent-color);
}
dd.SContent {
	width: 100%;
	clear: both;
	margin: 0 auto;
	float: left;
}
dd.SContent>label {
	width: 20%;
	height: 45px;
	float: left;
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
dd.SContent>label.YahooSearch {
	background-image: url('../../img/toppage/search_yahoo.png');
}
dd.SContent>label.GoogleSearch {
	background-image: url('../../img/toppage/search_google.png');
}
dd.SContent>label.YahooChieSearch {
	background-image: url('../../img/toppage/search_yahoo_chie.png');
}
dd.SContent>label.ekispertSearch {
	background-image: url('../../img/toppage/search_train_ekispert.png');
}
dd.SContent>label.jisyoSearch {
	background-image: url('../../img/toppage/search_jisyo_goo.png');
}
.SContent input.SearchWord {
	font-weight: bold;
	font-size: 110%;
	width: 425px;
	width: 66%;
	box-shadow: inset 0 0 1px #00f;
	padding: 8px 0 7px 10px;
    border: 1px solid #007ced;
    float: left;
}


@media screen and (max-width: 1024px) { 
	.SContent input.SearchWord {
		width: 75%;
		float: right;
	}
}
.SContent input.SearchWord:focus {
    box-shadow: inset 0 0 5px #00f;
}

.SearchWord + .RegularBtn {
	margin-left: 0.5rem;
}


@media screen and (max-width: 1024px) { 
	.RegularBtn {
		float: center;
		margin: 0.25rem 0 0.5rem;
	}
}



/*************************************************
 * 検索エンジンCSS
 ************************************************/
#engineLogo {/** -- 検索エンジンのログ　**/
	float: left;
	height: 2rem;
	width: 8rem;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
	#engineLogo {/** -- 検索エンジンのログ　**/
		width: 4rem;
	}
}

.YahooSearch,
.GoogleSearch,
.YahooChieSearch,
.ekispertSearch,
.jisyoSearch {
	background-repeat: no-repeat;
	background-size:contain;
	/*background-position: center; */
}
.YahooSearch {
	background-image: url(../../img/toppage/search/search_yahoo.png');
}
.GoogleSearch {
	background-image: url('../../img/toppage/search/search_google.png');
}
.YahooChieSearch {
	background-image: url('../../img/toppage/search/search_yahoo_chie.png');
}
.ekispertSearch {
	background-image: url('../../img/toppage/search/search_train_ekispert.png');
}
.jisyoSearch {
	background-image: url('../../img/toppage/search/search_jisyo_goo.png');
}

/*************************************************
 * Tooltip hover
 ************************************************/
.Block:hover .TTMark {
	display: block!important;
}


/*************************************************
 * Toppage Swiper CSS
 ************************************************/
  .HotSiteSwiperContainer {
    margin-left: -0.5rem;
    position: relative;
  }
  .HotSiteSwiperContainer ul.NewsList {
    padding: 0 2rem;
    margin: 0 auto;
    box-sizing: border-box;
  }
  @media screen and (max-width: 960px) {
    .HotSiteSwiperContainer ul.NewsList {
      font-size: 90%;
      min-width: 15rem;
      padding: 0 1rem;
    }

.swiper-button-next,.swiper-button-prev {
display: none;
}

  }
  .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 0;
  }
  .Pagination {
    bottom: -0.2rem!important;
    text-align: center;
  }
  .HotSiteItem {
    width: 100%;
  }
  .CategoryItem {
    width: 100%;
    display: table-row;
  }
  .HotSiteItem span {
    display: inline-block;
    width: 110px;
    vertical-align: top;
    white-space: nowrap;
    letter-spacing: normal;
    word-spacing: normal;
    margin: 0 4px 6px 4px;
  }
  @media screen and (max-width: 960px) {
    .HotSiteItem span {
      width: calc(100% / 5 - 1rem);
    }
  }
  .HotSiteItem span:hover{
    border-radius: 5px;
    /*background: #F0F8FF;*/
    background: lightskyblue;
    border: solid 1px deeySkyBlue;
  }
  .HotSiteItem span a.HotSiteLink {
    padding-top: 10px;
    line-height: 28px;
    text-align: center;
  }
  .HotSiteItem span i.IHot {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    background-image: url(/img/icon/hot_icon.png);
    background-color: transparent;
    background-repeat: no-repeat;
  }
  .HotSiteItem span i.IYahoo {
    width: 48px;
    height: 48px;
    background-position: 0 0;
  }
  .HotSiteItem span i.IGoogle {
    width: 48px;
    height: 48px;
    background-position: -49px 0;
  }
  .HotSiteItem span i.IGoo {
    width: 48px;
    height: 48px;
    background-position: -98px 0;
  }
  .HotSiteItem span i.IBiglobe {
    width: 48px;
    height: 48px;
    background-position: -147px 0;
  }
  .HotSiteItem span i.ILivedoor {
    width: 48px;
    height: 48px;
    background-position: -147px -245px;
  }
  .HotSiteItem span i.IFacebook {
    width: 48px;
    height: 48px;
    background-position: 0 -49px;
  }
  .HotSiteItem span i.IGoogleplus {
    width: 48px;
    height: 48px;
    background-position: -147px -49px;
  }
  .HotSiteItem span i.ITwitter {
    width: 48px;
    height: 48px;
    background-position: -49px -49px;
  }
  .HotSiteItem span i.IMixi {
    width: 48px;
    height: 48px;
    background-position: -98px -49px;
  }
  .HotSiteItem span i.IAmeba {
    width: 48px;
    height: 48px;
    background-position: 0 -98px;
  }
  .HotSiteItem span i.ITenki {
    width: 48px;
    height: 48px;
    background-position: 0 -245px;
  }
  .HotSiteItem span i.IYoutube {
    width: 48px;
    height: 48px;
    background-position: 0 -147px;
  }
  .HotSiteItem span i.IYahooshopping {
    width: 48px;
    height: 48px;
    background-position: 0 -196px;
  }
  .HotSiteItem span i.IRakuten {
    width: 48px;
    height: 48px;
    background-position: -49px -196px;
  }
  .HotSiteItem span i.IKakaku {
    width: 48px;
    height: 48px;
    background-position: -98px -196px;
  }
  
dl.CateGroup {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #c3e1ff), color-stop(1.00, #ddeeff));
    background: -webkit-linear-gradient(#c3e1ff, #ddeeff);
    background: -moz-linear-gradient(#c3e1ff, #ddeeff);
    background: -o-linear-gradient(#c3e1ff, #ddeeff);
    background: -ms-linear-gradient(#c3e1ff, #ddeeff);
    background: linear-gradient(#c3e1ff, #ddeeff);
    border-radius:10px;
    box-shadow:0px 0px 5px 1px #ddeeff;
}
dl.CateGroup dt {
    float:left;
    clear: left;
    width:100px;
    font-weight:bold;
    padding:5px;
    text-shadow:0px 0px 3px #999;
    border-top:1px solid #ccc;
 
}
dl.CateGroup dd {
    margin-left: 110px;  
    padding:5px;
    border-top:1px solid #ccc;
    font-size:smaller;
}
dl.CateGroup dt:first-child
{
    border:none;
}
dl.CateGroup dt:first-child + dd
{
    border:none;
}