@charset "UTF-8";

body	{
	margin: 0;
	font-family: 'Noto Sans JP', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}


/* 左右に確保する余白 */
.sitename, .nav-inner, .copyright	{
	padding-left: 10px;
	padding-right: 10px;
}


/* サイト名 */
.header		{
	margin-top: 5px;
	margin-bottom: 5px;
}

.sitename h1	{
	margin: 0;
	color: #9988ee;
	font-size: 40px;
	font-family: "M PLUS Rounded 1c";
}


/* ナビゲーション */
.nav	{
	background: repeating-linear-gradient(-45deg, #fff2f2, #fff2f2 7px,#ffe9e9 7px, #ffe9e9 14px);
	
}

.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li a	{
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #ff9696;
	font-size: 20px;
	font-family: "Nikukyu";
}

.menu li a:hover	{
	background-color: #ffe6e6;
}

.menu ul:after	{
	content: "";
	display: block;
	clear: both;
}

.menu li	{
	float: left;
	width: auto;
}


/* サブタイトル */
.site h2	{
	margin: 0;
	padding-left: 10px;
	color: #999999;
	font-size: 26px;
	font-family: "M PLUS Rounded 1c";
}

.site td	{
	height: 56px;
	padding-right: 10px;
}


/* リーディングリスト */
.site ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.site ul:after	{
	content: "";
	display: block;
	clear: both;
}

.site li	{
	float: left;
	height: 200px;
	width: 14.2857%;
}


/* カード */
.card	{
	padding: 5px;
	border: solid #dddddd 1px;
}

.top	{
	text-align: center;
	height: 46px;
}

.top span	{
	font-size: 28px;
	font-family: "Sawarabi Gothic";
}

.weather	{
	padding: 5px;
}

.item	{
	margin-bottom: 5px;
	border-bottom: dashed 1px #dddddd;
	font-size: 18px;
	text-align: center;
}

.item img	{
	width: 90px;
}


/* コピーライト */
.footer		{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: solid 1px #dddddd;
}

.copyright p	{
	margin: 0;
	color: #666666;
	font-size: 14px;
}



/* ########## 1500px以上 ########## */
@media (min-width: 1500px)	{

/* 全体の横幅を固定 */
.contents, .sitename, .nav-inner, .copyright	{
	width:	1460px;
	margin-left: auto;
	margin-right: auto;
}
}


/* ########## 1100px以下 ########## */
@media (max-width: 1100px)	{

.site li	{
	height: 190px;
}

.top	{
	height: 36px;
}

.top span	{
	font-size: 20px;
}
}


/* ########## 800px以下 ########## */
@media (max-width: 800px)	{

.site li	{
	height: 180px;
}

.top	{
	height: 26px;
}

.top span	{
	font-size: 16px;
}
}


/* ########## 700px以下 ########## */
@media (max-width: 700px)	{

.site li	{
	height: 150px;
}

.item	{
	font-size: 14px;
}

.item img	{
	width: 60px;
}
}


/* ########## 600px以下 ########## */
@media (max-width: 600px)	{

.site li	{
	height: 140px;
}

.top	{
	height: 16px;
}

.top span	{
	font-size: 12px;
}
}


/* ########## 500px以下 ########## */
@media (max-width: 500px)	{

.site li	{
	height: 110px;
}

.top	{
	height: 16px;
}

.top span	{
	font-size: 8px;
}

.item	{
	font-size: 8px;
}

.item img	{
	width: 40px;
}
}