/* ### レイアウト ### */
#container	{width: 100%;}

#header	{margin: 0 0 15px;}

#content	{width: 100%;
	float: none;}

#sidebar	{width: 100%;
	float: none;}

#htop {margin: 0;}

#headtop img{width:100%;
	height: auto;}

#headside {float:none;}

/* ### ヘッダー ### */
article {width: 100%;
	float: none;}

section {width: 100%;
	float: none;}

/* ナビゲーションメニュー */
nav	{float: none;
	width: 100%;
	font-size: 12px;}

nav ul {width: 100%;}

nav li{margin: 3px 2px;
	width:48%;}


/* サイト名 */
#site	{display: block;
	text-align: center;
	margin: 0;}

#site h1	{font-size: 30px;}

#site p	{font-size: 12px;}


/* ヘッダー画像 */
#header	{width: 100%;
	height: 140px;
	background-size: 100% auto;}

#headtop img {width: 100%;}


/* ### コンテンツ ### */
.conleft {float: none;
	margin:0;
	padding: 10px;
	width: 100%;}

.conleft img {padding: 10px;
	width: 90%;}

.conright {float: none;
	margin:0;
	padding-right: 20px;
	width: 100%;}

/* フリーダイヤルボタン */
.conright .freed	{float: none;
	color: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius:8px;
	font-size: 28px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	background-origin: content-box;
	 line-height: 1;
	background:url(./img/freetel.png) ;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	padding: 3px 20px 3px 86px;
	margin-bottom: 20px;
	box-shadow:10px 10px 16px gray;}



.box {float: none;
	width:98%}

.box img {margin: 0;
	padding : 0 6px;
	width: 96%}

.post {width:100%}

.post img{width: 100%;}

.post .cmcm img {width: 100%;
	height: 140px;}

/* 投稿日 */
.date	{font-size: 12px;
	padding: 3px 5px;}

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

/* タイトル */
.post h2	{font-size: 18px;}



/* ### サイドバー ### */

/* 広告 */
.ad	{text-align: center;}

.ad::before	{content: 'PROMOTION';
	display: block;
	color: #ffffff;
	background-color: #537685;
	margin-bottom: 10px;}