@charset "utf-8";

/* --------------------------------------------------------
 非表示（仮）
-------------------------------------------------------- */
.disp-n {
    display: none;
}

/* --------------------------------------------------------
 ホーム
-------------------------------------------------------- */
.main_sports_newitem .sysContent .sysVertical .sysItemImage img{
    width:33%;
    vertical-align:top;
    float:left;
    margin-right:5px;
}
.main_sports_newitem .sysContent .sysVertical{
    text-align:left;
}
.main_sports_newitem .sysContent .sysVertical li:after{
    clear:both;
    content:'';
    display:block;
}

.main_sports_newitem .sysContent .sysHorizontal .sysItemImage img{
    width:100%;
    vertical-align:middle;
}
.main_sports_newitem .sysContent .sysHorizontal:after{
    clear:both;
    content:'';
    display:block;
}
.main_sports_newitem .sysContent .sysHorizontal li{
    float:left;
    width:33%;
    padding:5px;
}


/*
---------------------------------------
information
---------------------------------------
*/

.menu div.inner{
	height:170px;
	overflow:auto;
	margin:0 0 15px 0;
}

*:first-child+html .menu div.inner{
	height:170px;
}

* html .menu div.inner{
	height:170px;
}

.menu div.inner dl{
	overflow: hidden;
	zoom: 1;
	margin:0 0 8px 0;
	padding:0 0 6px 17px;
	background:url(../img/ico_small.gif) 5px 7px no-repeat;
	border-bottom:dotted 1px #b3b3b3;
}

.menu div.inner dl dt{
	width: 125px;
	float: left;
	clear: both;
	font-weight:bold;
}

.menu div.inner dl dd{
	padding: 0 2px 0 130px;
}

.info {
	overflow: scroll;   /* スクロール表示 */
	width: auto;
	height: 600px;
}


/*
---------------------------------------
news
---------------------------------------
*/
.news div.inner{
/*	height:500px;
	overflow:auto;*/
	margin:0 0 15px 0;
}

*:first-child+html .news div.inner{
	height:500px;
}

* html .news div.inner{
	height:500px;
}

.news-list-item {
    padding: 15px 0;
    border-top: 1px dotted #d7d7d8;
    width: 100%;/*743px*/
}

.news-list-item:after {
    content: "";
    display: block;
    clear: both;
}

.news-list-item a {
    display: block;
    text-decoration: none;
}

.news-list-item-thumb {
    width: 100%;/*258px*/
}

.news-list-item-box {
    padding: 5px 10px 0;
    width: 100%;/*485px*/
}

.news-list-item-box-date {
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
}

.news-list-item-box-category {
    background-color: #ffaaa9;
    border-radius: 5px;
    color: #fff;
	font-size: 10px;
    font-size: 1.0rem;
    padding: 2px 10px 1px;
    min-width: 50px;
    line-height: 1;
}

.news-list-item-box-ttl {
	color: #000;
	font-size: 17px;
  font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.4;
	margin: .5em 0 0;
}

.news-list-item-box-txt {
	font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
	margin: .5em 0 0;
}




/* ==================================================================


    スマートフォン想定(0px-767px)


================================================================== */
@media only screen and (min-width: 0) and (max-width: 767px) {
/* ----------------------------------------------------------
    [SP] 特集バナー　３列
------------------------------------------------------------- */
.pickup-unit {
	margin-top:5px;
  padding: 0 5px;
	overflow:hidden;
}
.pickup-unit-list {
  width: 49%!important;
  /* width: 48.6%!important; */
  text-align:center;
  font-size:90%;
  line-height:140%;
  float:left;
  margin: 0 2% 10px 0;
  display: inline-block;
  padding: 0;
}
.pickup-unit-list:nth-child(2),
.pickup-unit-list:nth-child(4),
.pickup-unit-list:nth-child(6),
.pickup-unit-list:nth-child(8),
.pickup-unit-list:nth-child(10){
  margin-right:0;
}
.pickup-unit-img img{
  width:100%;
}
/*.main_pickup li span{
  display:block;
  margin-top:2%;
}
*/
.pickup-unit-list-txt {
  padding: 5px;
}
.pickup-unit-list-txt a {
    text-decoration: none;
}




/* ----------------------------------------------------------
    [SP] 新着アイテム
------------------------------------------------------------- */
.main_newitem .sysHorizontal{
	width:100%;
	margin-top:5px;
}
.main_newitem .sysHorizontal li {
	width: 50%!important;
	font-size:70%;
	line-height:140%;
/*	padding: 0 10px!important;
*/	margin-bottom: 20px;
}



/* ----------------------------------------------------------
    [SP] ブログ
------------------------------------------------------------- */
.news-list-item {
    padding: 15px 5px;
    border: none;
    width: 100%;
    width: 50%;
    float: left;
}

}



/* ==================================================================


    タブレット想定(768px-979px)


================================================================== */
@media only screen and (min-width: 768px) and (max-width: 979px) {
/* ----------------------------------------------------------
    [Tablet] 特集バナー　３列
------------------------------------------------------------- */
.pickup-unit {
  padding:0 10px;
  overflow:hidden;
}
.pickup-unit-list {
  width: 49%!important;
  /* width: 48.6%!important; */
  text-align:center;
  font-size:100%;
  line-height:140%;
  float:left;
  margin: 0 2% 10px 0;
  display: inline-block;
  padding: 0;
}
.pickup-unit-list:nth-child(2),
.pickup-unit-list:nth-child(4),
.pickup-unit-list:nth-child(6),
.pickup-unit-list:nth-child(8),
.pickup-unit-list:nth-child(10){
  margin-right:0;
}
.pickup-unit-img img{
  width:100%;
}
/*.main_pickup li span{
  display:block;
  margin-top:2%;
}
*/
.pickup-unit-list-txt {
  padding: 5px;
}
.pickup-unit-list-txt a {
    text-decoration: none;
}



/* ----------------------------------------------------------
    [Tablet] ブログ
------------------------------------------------------------- */
.news-list-item-thumb {
    width: 34.724091520861%;/*258px*/
    float: left;
}

.news-list-item-box {
    padding-left: 20px;
    width: 65.27590847913899%;/*485px*/
    float: left;
}


}



/* ==================================================================


    PC想定(980px-)


================================================================== */
@media only screen and (min-width: 980px) {
/* ----------------------------------------------------------
    [PC] 特集バナー　３列
------------------------------------------------------------- */
.pickup-unit {
/*	overflow:hidden;
*/}
.pickup-unit-list {
	width:455px;
	text-align:center;
	float:left;
	margin:0 20px 20px 0;
	overflow:hidden;
}
.pickup-unit-list:nth-child(2),
.pickup-unit-list:nth-child(4),
.pickup-unit-list:nth-child(6),
.pickup-unit-list:nth-child(8),
.pickup-unit-list:nth-child(10){margin-right:0;}
.pickup-unit-img img{
width:100%;}
/*.main_pickup li span{
	display:block;
	margin-top:10px;
}

*/



.pickup-unit-list-txt {
/*    width: 236px;
*/    /* height: 25px;
    line-height: 25px; */
    text-align: center;
/*    font-weight: bold;
*/    white-space: nowrap;
    text-overflow: ellipsis;
  padding: 5px;
    overflow: hidden; */
    font-size: 12px;
    text-decoration: none;
}
.pickup-unit-list-txt a {
    text-decoration: none;
}


/* ----------------------------------------------------------
    [PC] ブログ
------------------------------------------------------------- */

.news-list-item-thumb {
    width: 34.724091520861%;/*258px*/
    float: left;
}

.news-list-item-box {
    padding-left: 20px;
    width: 65.27590847913899%;/*485px*/
    float: left;
}

}



/*
---------------------------------------
corona
---------------------------------------
*/

.corona {
    max-width: 1080px;
    margin: 0 auto 50px;
    border: 5px solid #eb2606;
    padding: 30px;
    box-sizing: border-box;
    /* background: #fff url(../../img/bg_corona.jpg); */
}
.corona h2 {
    text-align: center;
    font-size: 22px;
    color: #eb2606;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
}
.corona p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 750px) {
        .corona {
            max-width: 94%;
            margin: 5% auto;
            border: 4px solid #eb2606;
            padding: 3%;
            box-sizing: border-box;
        }
        .corona h2 {
            text-align: center;
            font-size: 20px;
            color: #eb2606;
        }
        .corona p {
            margin-top: 10px;
            font-size: 12px;
            font-weight: 600;
        }
}


/*
---------------------------------------
マーカー / .marker
---------------------------------------
*/

.marker {
    display: inline;
    background: -webkit-linear-gradient(transparent 57%, #f9f301 57%, #f9f301);
    background:         linear-gradient(transparent 57%, #f9f301 57%, #f9f301);
}