@charset "UTF-8";

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

/*  メディア掲載一覧　*/

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

/* メディア記事ごと */
#news .item{
	max-width: 400px;
	width: 100%;
	margin: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	transition: all .5s;
	transform: translateY(0px);
	color: #3e3e3e;
}
#news .item:hover{
	box-shadow: 0px 0px 20px 1px rgba(0,0,0, .1);
	transform: translateY(-10px);
}



/* 日付 */
#news .item .date{
	color: #C3C3C3;
	font-size: 1.2rem;
}

/* メディア記事の年 */
#news .year{
	font-size: 2.5rem;
	margin-top: 50px;
}




/* メディア記事　種類 */

#news .item .tag{
	display: inline-block;
	padding: 0px 10px;
	border-radius: 3px;
	font-size: 1.2rem;
}

/* 雑誌タグ */
#news .item .tag_magazine{
	background: #b16ec5;
	color: #fff;
}

/* テレビタグ */
#news .item .tag_tv{
	background: #5cb289;
	color: #fff;
}

/* 新聞タグ */
#news .item .tag_newspaper{
	background: #6adbff;
	color: #fff;
}

/* Web・オンラインタグ */
#news .item .tag_web{
	background: #ff806a;
	color: #fff;
}



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

/* スマホ対応　レスポンシブ */

@media (max-width: 767px){
	
/* メディア記事ごと */
#news .item{
	max-width: 100%;
	margin: 10px auto;
	padding: 15px;
	border-radius: 5px;
}
}





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

/*  メディア掲載内容　*/

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

/* 掲載内容のタイトル */
#news .title{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

/* 掲載する動画サイズ */
#news .video{
	max-width: 100%;
}

/* 項目ごとのレイアウト */
#news .media-container{
	margin: 30px auto;
}



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

/* スマホ対応　レスポンシブ */

@media (max-width: 767px){
	
/* 掲載内容のタイトル */
#news .title{
	font-size: 1.2rem;
	margin-bottom: 10px;
}
}