<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*******************************************************************************
//
//	タンブラーGoGo　トップページのインフォメーション枠用スタイルシート
//
//	copyright (C) 2013 CPCOM co., ltd.
//	author:	So Uchida
//	e-mail:	info@tbgogo.jp
//	create:	2018/07/25
//
*******************************************************************************/

div.whatsnew_title{
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	background-color: #333;
	width: 725px;
	margin: 0 auto;
	padding: 5px 5px 5px 15px;
	border: 1px solid #CCC;
	border-bottom-style: none;
}
@media screen and (max-width: 750px) {
	div.whatsnew_title{
		width: 100%;
		padding: 5px 4%;
		font-size: 1rem;
	}
}

div.whatsnew {
	color: #000;
	text-align: left;

	margin: 0 auto 25px auto;
	width: 725px;
	height: 230px;

	overflow-x: hidden;
	overflow-y: scroll;

	border: 1px solid #CCC;
	border-top-style: none;

	background-color: #FFF;
}
@media screen and (max-width: 750px) {
	div.whatsnew {
		width: 100%;
	}
}

div.whatsnew_blog {
	width: 320px;
}
@media screen and (max-width: 750px) {
	div.whatsnew_blog {
		width: 100%;
	}
}

div.whatsnew_blog_thumb {
	display: flex;
	flex-wrap: wrap;

	width: 320px;
	height: 262px;
	border: 1px solid #CCC;
}
@media screen and (max-width: 750px) {
	div.whatsnew_blog_thumb {
		width: 100%;
	}
}

div.whatsnew a:hover {
	color: #777;
	text-decoration: underline;
}

div.whatsnew dl {
	display: flex;
	flex-wrap: wrap;

	font-size: 14px;
	width: 100%;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 750px) {
	div.whatsnew dl {
		font-size: 1rem;
  	}
}

div.whatsnew dt {
	width: 14%;
	padding: 14px 10px;
	border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 750px) {
	div.whatsnew dt {
		width: 100%;
		padding: 2% 2% 1% 2%;
		border-bottom: none;
/*
		width: 7em;
		padding: 2%;
*/
	}
}

div.whatsnew dd {
	width: 86%;
	padding: 14px 10px;
	border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 750px) {
	div.whatsnew dd {
		width: 100%;
		padding: 1% 2% 2% 2%;
/*
		width: calc(100% - 7em);
		padding: 2%;
*/
	}
}

div.whatsnew dt.blog {
	width: 100%;
	padding: 7px 10px 3px 10px;
	border-bottom: none;
}
@media screen and (max-width: 750px) {
	div.whatsnew dt.blog {
		width: 100%;
		padding: 2% 2% 1% 2%;
		width: 7em;
		padding: 2%;
		border-bottom: none;
	}
}

div.whatsnew dd.blog {
	width: 100%;
	padding: 3px 10px 7px 10px;
	border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 750px) {
	div.whatsnew dd.blog {
		width: 100%;
		padding: 1% 2% 2% 2%;
		border-bottom: 1px solid #CCC;
	}
}
</pre></body></html>