@charset "UTF-8";


/* __ Contents __ */


.sidebar, .main{
	padding: 20px;
}

.sidebar-nav li{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #dcdcdc;
    
}

.day{
    font-size: 13px;
  margin-bottom: 6px;
  color: #6c554f;
  }

/*__ Tiles __*/

.tiles{
	margin-bottom: 1em;
}
.tiles li{
	margin-bottom: 1em;
	padding: 20px;
	background-color: #fff;
    box-shadow:2px 2px 0px 0px rgba(0,0,0,.1);
    transition: 0.1s;
}
.tiles li:hover {
    opacity: 0.7;

  filter: alpha(opacity=70);

  -ms-filter: "alpha(opacity=70)";
}


.main{
    padding: 0px 20px;
}
.sidebar{
   
        padding: 20px;
}



/* Media queries
-------------------------------------------------------*/
@media screen and (min-width:601px) and (max-width:1080px){
    .gnav a{
	}

	/* __ Contents __ */

	.newsArea{
		display: flex;
	}
	.sidebar{
		width: 30%;
	}
	.main{
		flex: 1;
		order: 0;
	}

	/*__ Tiles __*/

	.tiles{
		display: flex;
		flex-wrap: wrap;
	}
	.tiles li{
		margin: 0px 10px 10px;
		width: calc( 47% - 10px);
	}
    
}


@media screen and (min-width: 1081px) { /* デスクトップ用CSS */

	
	.gnav a{
	}

	/* __ Contents __ */

	.newsArea{
		display: flex;
	}
	.sidebar{
		width: 300px;
	}
	.main{
		flex: 1;
		order: 0;
	}

	/*__ Tiles __*/

	.tiles{
		display: flex;
		flex-wrap: wrap;
	}
	.tiles li{
		margin: 0px 10px 10px;
		width: calc( 48.2% - 10px);
	}

}