@charset "UTF-8";


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

/* ヘッターの下に罫線を挿入 */
.header	{border-bottom: solid 1px #dddddd}

/* サイト名 */

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

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

.site li {margin: 0;
	padding-right: 40px;
	font-size: 15px;
	float: left;
	width: auto}

.site img {width: 225px;
	height: auto} 

.site li a:hover {color: #f03}

#k_search {padding-top: 5px}


/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{padding-top: 50px;
	display: none}

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

.menu li a	{display: block;
	padding-right: 10px;
	padding-bottom: 15px;
	color: #666666;
	font-size: 14px;
	text-decoration: none}

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

.menu i {margin-right: 8px;
	color: #666666;
	font-size: 17px;
	vertical-align: middle}


/* パンくずリスト */

.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
	color: #000000;
	text-decoration: none}

.bread li a:hover	{color: #f03;
			text-decoration: underline}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	padding: 5px;
	color: #000000;
	font-size: 13px;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 14px;
	color: #888888}

/* 俳句の設定 */
.kiji h1	{font-size: 22px;
	font-weight: normal}

.kiji h2	{margin-top: 35px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 20px;
	font-weight: normal}

.kiji h2 i	{margin-right: 8px;
	color: #666666}


.one-by-one {
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 20px;
	padding-left: 25px;
	color: #2f4f4f;
}

.date {
	font-size: 15px;
	margin-top: 0px;
}

.haiku {
	font-size: 24px;
	font-family: "游明朝","メイリオ",serif; 
	line-height: 1.5;
	font-weight:bold;  
}

.bunsho {
 	font-size: 17px;
	line-height: 1.8;
}

.kigo {
 	font-size: 15px;
	line-height: 1.8;
	padding-bottom: 5px;
}


/* サイドメニュー */
.sidemenu	{border: solid 6px #dddddd}

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

.sidemenu li a	{display: block;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	border-top: solid 1px #dddddd;
	color: #666666;
	font-size: 14px;
	text-decoration: none}

.sidemenu li a:hover	{background-color: #eeeeee}

.sidemenu i {margin-right: 8px;
	color: #666666;
	font-size: 17px;
	vertical-align: middle}

#new_haiku{background-color: #fffafa}


/* シヲクムのコラム */

.sidemenu_2 {margin: 20px 8px;
	border-bottom: dashed 2px #dddddd}

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

.sidemenu_2 i {margin-right: 8px;
	color: #666666;
	font-size: 17px}

.sidemenu_2 li	{display: block;
	padding-bottom: 10px;
	font-size: 16px}

.sidemenu_2 a:hover {color: #f03}


/* リンク広告（サイド） */
.pr_2 {margin-top: 30px}

/* インフィード広告（下段）*/
.pr {margin-top: 30px}


/* フッター内の設定----------------- */
/* フッターをバーの形にする */
.foot	{margin:0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}

.foot h1 	{color: #666666;
	font-size: 20px}

.foot h1 i	{margin-right: 8px;
	font-size: 20px;
	vertical-align: middle}

.foot h3 	{	margin:0;
	padding-left: 8px;
	color: #666666;
	font-size: 19px}


/* これまでの俳句リスト */
.h-2007 ul { 
	margin:0;
	padding:0;
	list-style: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 15px
}

.h-2007 li {padding-bottom: 12px;
	text-align: right}

.h-2007 li a 	{color: #2f4f4f;
	text-decoration: none}

.h-2007 li a:hover	{opacity: 0.5}


.h-a:after	{content: "";
	display: block;
	clear: both}

.h-2007	{float: left;
	width: auto}

/* フッターのナビゲーション */
.list-c:after	{content: "";
	display: block;
	clear: both}

.list-c ul { 
	margin:0;
	padding:0;
	list-style: none;
	padding-top: 10px;
	font-size: 15px
}

.list-c a 	{color: #666666;
	text-decoration: none}

.list-c a:hover	{opacity: 0.5}

.list-c li	{margin: 0;
	padding-bottom: 10px;
	padding-right: 20px;
	color: #666666;
	font-size: 14px;
	float: left;
	width: auto}

.list-c i {margin-right: 8px;
	font-size: 16px;
	vertical-align: middle}

/* コピーライト */
.copyright	{margin-top: 0px;
	color: #666666;
	font-size: 14px}


/* ボックスの左右 */
.header, .foot, .haikubox
	{padding-left: 15px;
	padding-right: 15px}

/* ボックスの上下 */
.header	{padding-top: 20px;
	padding-bottom: 10px}

.haikubox {padding-top: 25px;
	padding-bottom: 25px}



/* ########### 450px以下 ########### */
@media (max-width: 450px) {
/* 俳句ストックロゴの大きさ */
.site img {width: 70%;
	height: auto} 

/* 俳句の設定 */
.date {font-size: 14px;
	margin-top: 15px}

.haiku {font-size: 20px}

.bunsho {font-size: 14px;
	line-height: 1.5}

.kigo {font-size: 13px;
	line-height: 1.5}

.one-by-one {padding-top: 5px;
	padding-left: 10px}


.foot h3 {font-size: 15px}

.foot ul {padding-right: 15px;
font-size: 13px}


/* ボックスの左右*/
.header, .foot, .haikubox
	{padding-left: 10px;
	padding-right: 10px} 

.sidemenu {margin-left: 0px}

.upbot 	{margin: 0;
	padding: 5px;
	font-size: 12px}
}


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

/* メニューの非表示 */
#yomu {display: none}

/* 記事 */
.kiji h1	{font-size: 22px}

.kiji h2	{font-size: 20px}

/* リンク広告の非表示 */
.pr_1 {display: none}

}

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

/* ロゴとヘッターナビを横に並べる設定 */
.header:after	{content: "";
	display: block;
	clear: both}

.head-1	{float: left;
	width: auto}

.header-nav	{float: right;
	width: auto}

/* 俳句と縦ナビを横に並べる設定 */
.haikubox:after	{content: "";
	display: block;
	clear: both}

.haikubox-1	{float: left;
	width: 60%;
	padding-left: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.haikubox-2	{float: right;
	width: 32%}

}

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

/* 全体の横幅を固定 */ 
.foot-inner, .haikubox
	{width: 900px;
	margin-left: auto;
	margin-right: auto}

}