﻿/* ### 基本的なレイアウト ### */

#container	{width: 300px;}
#content	{width: 100%;
	float: none;}

#sidebar	{width: 100%;
	float: none;}

/* ### ヘッダー ### */

/* サイト名 */
#site	{float: none;}
#site	h1 {margin: 0;
	padding: 0;
	font-size: 22px;}
#site	p {margin-top: 3px;
 	font-size: 16px;}

#site img	{width: 100%;
	height: auto;}


/* ナビゲーションメニュー */
#nav	{float: none;
	font-size: 14px;
	padding-top: 6px;}

#nav ul li a	{margin-left: 0;
	margin-right: 10px;}



/* ### ヘッダー記事 ### */
#headerpost img	{float: none;
	width: 300px;
	height: auto;}

#headerpost #lead	{float: none;
	background-color: #000000;
	width: auto;
	padding: 10px 10px;
	margin: 0;}

#headerpost h2	{font-size: 20px;
	margin: 10px 0 10px 0;}

#headerpost p	{font-size: 14px;
	margin: 0 0 20px 0;}

#headerpost .date	{float: left;
	margin: 0;}

#headerpost .more	{float: right;
	margin: -12px 15px 0px 0;}

/* ヘッダー画像 */
#headtop img	{width: 100%;
	height: auto;}

/* ヘッダー画像 */
#header	{width: 100%;
	height: 100px;
	background-size: 100% auto;}


/* ### コンテンツ部分の記事のレイアウト ### */
.post	{float: none;
	width: 300px;
	margin-right: 0;}



/* ### コンテンツ ### */

/* 記事 */
.post img	{width: 300px;}

.post h2	{font-size: 22px;}

.post p	{font-size: 16px;}

.post .more_s	{font-size: 18px;}


#footer	{padding-bottom: 60px;
	float: none;
	width: 300px;
	height: auto;}
/* アイコンメニュー */
#iconmenu	{float: right;}

#iconmenu ul	{margin-right: 20px;
	padding: 3px 0 0;}

#iconmenu li	{display: inline;
	list-style-type: none;}

#iconmenu img	{border: none;}


#footer p img	{width: 300px;}