@charset "utf-8";

/*
Theme Name: Bloglife
Theme URI: http://http://www.saijuku.net/
Description: Bloglife
Version: 1.0
Author: Saijuku
Author URI: http://http://www.saijuku.net/
Tags: bloglife


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */



@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 
body{
font-family:'Open Sans','Helvetica Neue','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
letter-spacing:.06em;
word-spacing:.1em;
color:#333333;
text-shadow:0 0 2px rgba(150,150,150,.4)
-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4{padding:.25em 8px .1em 0}

h2 {
	font-size: 24px;
	font-weight:normal;
		text-shadow:0 0 2px rgba(150,150,150,.5);
}

h3 {
	font-size: 22px;
	font-weight:normal;
		text-shadow:0 0 2px rgba(150,150,150,.5);
}

h4,h5 {
	font-size: 20px;
	font-weight:normal;
		text-shadow:0 0 2px rgba(150,150,150,.5);
}

p{line-height:1.47}/*1.2 or 1.47*/

h1,h2,h3,h4,blockquote{line-height:1.1}


/*body {
		background: #fcfbf9 url(images/bg.png) repeat left top;
		}*/
/*html{background:#cc0000;}*/


/* リンク設定
------------------------------------------------------------*/
a{color:#5386ad;text-decoration:none;}
a:hover{color:#2d6286;}
a:active, a:focus{outline:0;}



/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
background:#fff;
}


		#contents{
		padding: 10px 15px 0;
		}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/

#headnav {
	background-color:#fff;
	margin:0;
	padding:2px 5px;
		overflow:hidden;
		color:#fff;
		font-size:13px;
}

#headnav ul{
	margin:0;
padding:0;
	float:right;
	}

#headnav li{
padding:3px 6px 0 5px;
list-style:none;
display:inline-block;
line-height:1.6;
/* border-left:1px solid #fff;*/
}

#headnav li#sitemap:before{
    content: "\f0e8";
    font-family: FontAwesome;
    display: block;
    width:1em;
text-align: center;
    float: left;
    margin-right: 6px;
/*padding-top:3px;*/
color:#ffffff; 
}

#headnav li a{
color:#fff;
}

h1{
font-size:13px;
font-weight:normal;
float:left;
padding:0 0 0 15px;
}

h1 a{
color:#666; 
}

#header{
overflow:hidden;
padding:0 0 20px;
background-color:#fff;
}


* html #header{height:1%;}


/*************
/* ロゴ
*************/


#header .logo{
float:left;
padding:15px 0 0 15px;
}

#header img{
max-width:99%;
height:auto;
}


.logo a{
font-size:20px;
font-weight:bold;
line-height:1;
}

.logo span{
font-size:12px;
font-weight:normal;
color:#333;
}

/*ヘッダー広告バナー*/

.headBnArea{
float:right;
width:728px;
}

#header .headBnArea img{
max-width:100%;
height:auto;
}

/*ヘッダーsns*/
.info{
float:right;
padding:25px 0 0;
}

.info ul li {
display:inline-block;
padding:0 10px 0 0;
}

.info ul li a{
color:#cccccc;
}

.info ul li a:hover{
color:#666;
}

/**************************
/* トップナビゲーション
**************************/
#gNav {
border-top:1px solid #ededed;
border-bottom:1px solid #ededed;
	overflow:hidden;
	margin-bottom:20px;
background-color:#fff;
}

#gNav ul {
padding:0 15px;
}

#gNav li a { 
color: #000; 
display: block; 
float: left; 
font-size: 13px; 
line-height: 40px;
 margin: 0 1px 0 0; 
 padding:0 30px;
 border-right:1px solid #f0f0f0;
 }
 
#gNav li:first-child {border-left:1px solid #f0f0f0;}

 #gNav li a:hover { 
background: #666;
color:#fff;
}

/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
clear:both;
margin:10px auto 20px;
padding:0;
position:relative;
line-height:0;
/*background:#5386ad;*/
}

#mainBannerDm{
clear:both;
margin:0;
padding:0;
position:relative;
line-height:0;
}

#mainBanner h2{
margin:0;
padding:0;
border:none;
background:none;
}

#mainBanner img{
max-width:100%;
height:auto;
}

#mainBanner img{
border:none;
background:none;
}





/*************
メイン コンテンツ
*************/

/*トップ1つ目の記事*/

section.contentTop{
margin:0 1px 20px;
overflow:hidden;
background:#fff;
}

/*トップの記事一覧は枠線あり*/

.home section.content{
margin:0 1px 40px;
overflow:hidden;
background:#fff;
box-shadow:0px 0px 3px #666;
     border:1px solid #fff;
}

/*トップ意外の記事一覧は枠線なし*/

section.content{
margin:0 1px 20px;
padding:0;
overflow:hidden;
}

/*本文の文字サイズ指定　カスタマイザーで変更化*/
.home section.content p,
.home section.contentTop p,
section.content p{
margin-bottom:5px;
font-size:16px;
}


* html section.content{height:1%;}

/*広告エリア*/
/*記事上下の広告エリア*/
.adArea{
  margin:20px 0 10px 0;
}

/*サイドバーの広告エリア*/
.adAreaSide{
  margin:0 0 20px 0;
}

/*カテゴリ・日付*/

ul.data {
     list-style: none;
     margin: 0;
     padding: 3px 0 0 0;
}
ul.data li {
     margin: 0 0 5px;
}
ul.data li span {
     display: inline-block;
     min-width:80px;///*テキストの文字数により極端に横幅が小さくなってしまうのを防ぐため*/
     margin: 0 10px 10px 0;
     padding: 3px 5px;
     text-align: center;
     font-size: 12px;
		 color:#fff;
background: #80a8cc;
}

ul.data li span.data {
     display: inline;
     float: none;
     padding: 0 5px;
     font-size: 12px;
     color: #999;
background:none;
}

.sns {
padding:0;
margin:0 0 20px 0;
}

.fb-like{
	margin-right:5px;
vertical-align:top;
}

.tw {
text-align:right;
vertical-align:middle;
padding:0;
margin:0;
}

/* サイド新着記事　カスタマイザー */
#sub ul.list{
clear:both;
padding:15px 0 0;
list-style:none;
}

#sub ul.list li{
clear:both;
margin-bottom:5px;
padding:0 0 10px;
overflow:hidden;
border:0;
border-bottom:1px dashed #e0e0e0;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
border:1px solid #ccc;
}

ul.list li{
font-size:14px;
line-height:1.35;
}

ul.list li a{
	display:block;
	height:85px;
}


ul.list li span {
     display: inline-block;
max-width:208px;/*テキストの文字数により極端に横幅が小さくなってしまうのを防ぐため*/
     margin: 0 0 10px 0;
     padding: 3px 5px;
     font-size: 12px;
		 color:#fff;
background: #80a8cc;
}


/*記事一覧*/

/*entryで囲むのはdivをaにするため*/

.entry h2{
	font-size:20px;
	margin-bottom:15px;
}

.hover {
	cursor: pointer;
	background-color: #f9f9f9;
}
.home .entry{
		padding:15px 0 10px;
}

.entry{
		padding:15px 0 10px;
		border-bottom: 1px solid #e8e8e8;
}

.home .entry{
		border: none;
}

.entry div {
    padding: 10px;
}

/*ページネーション カスタマイザー*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
margin-bottom:50px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #ccc;
}
 
.pagination a:hover{
color:#fff;
background: #80a8cc;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #80a8cc;
color:#fff;
}


/*ブログ記事*/

.entryContents{
		padding:1px 10px 10px;
}

section.content .entryContentsIn p {
	margin:0 0 30px 0;
}

.entryContentsIn h2 {
	margin:40px 0 25px;
font-size:24px;
}

.entryContentsIn h3{
margin:65px 0 25px;
padding:15px 0;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.entryContentsIn h4{
margin:45px 0 25px;
padding:15px 0 10px;
}

.entryContentsIn ul {
	margin: 30px 0 30px 15px;
line-height:160%;
	}

.entryContentsIn ul li {
	list-style-type: disc;
         margin: 0 0 0 25px;
	padding: 0px 0px 5px 0px;
	list-style-position: outside;
	}


.entryContentsIn ol {
margin:30px 0px 30px 15px; 
line-height:160%;
}

.entryContentsIn ol li {
list-style:decimal; 
margin:10px 0px 5px 30px;
list-style-position: outside;
}


/* 前後の記事 */
.navigation.clearfix {}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
font-size:14px;
}


.navigation{float:left;text-align:center;font-size:14px;width:100%;}
.navitop{float:left;width:14%;text-align:center;}
.navileft{float:left;width:48%;text-align:left;word-break:break-all;line-height:1.5em;}
.naviright{float:right;width:48%;text-align:right;word-break:break-all;line-height:1.5em;}


.cat_paging{width:100%;margin:0px auto 5px;padding:5px 0px;float:left;background:#fff;}
.cat_paging .alignleft{width:45%;float:left;margin-left:15px;vertical-align:top;min-height:135px;}
.cat_paging .alignleft dt{padding:0px 0px 5px;border-bottom:1px solid #f3f3f3;margin:0px 0px 10px;text-align:left;}
.cat_paging .alignright dt{padding:0px 0px 5px;border-bottom:1px solid #f3f3f3;margin:0px 0px 10px;text-align:right;}
.cat_paging .alignleft .thumb,
.cat_paging .alignright .thumb{display:block;float:left;}
.cat_paging img{border:1px solid #ccc;max-height:100px;}
.cat_paging img:hover{filter: alpha(opacity=80);opacity: 0.8;text-decoration:none;}
.cat_paging .alignleft .title,
.cat_paging .alignright .title{display:block;float:left;margin-left:5px;line-height:1.2;text-align:lef;border:none;word-break:break-all;}
.cat_paging .alignright{width:45%;float:right;margin-right:15px;min-height:135px;}
.cat_paging .nopost {text-align:right;}
.cat_paging .nopost a{display:block;width:99%;line-height:35px;margin:0px auto;background:#f3f3f3;text-align:center;color:#555;margin-top:30px;font-size:16px;}
.cat_paging .nopost a:hover{background:#ccc;text-align:center;color:#FFF;text-decoration:none;}
.wpp_cached_thumb{border:solid 1px #ccc;}
a:hover img.wpp_cached_thumb{filter: alpha(opacity=80);opacity: 0.8;}

/* 同じカテゴリの最新記事 */

#related-entries h3{
padding:5px 10px;
margin:20px 0 25px;
font-size:16px;
color:#000;
line-height:40px;
background-color:#f0f0f0;
}
 
#related-entries .related-entry{
  line-height:150%;
  margin:20px 0 20px;
  clear: both;
}
 
#related-entries .related-entry-thumb {
  float: left;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
 
#related-entries .related-entry-content {
  margin-left: 120px;
}
 
.related-entry-title{
    margin-bottom:5px;
font-size:16px;
}
 
.related-entry-snippet{
  margin:0 0 5px 0;
font-size:14px;
}
 
.related-entry-read{
  margin:0;
  font-size:12px;
}

#related-entries img,
.subgrid img{
border:1px solid #cccccc;
}

/*-------------コンテンツ部カスタマイザーカラーここから---------------*/

/*見出し*/


.entryTitle{
margin:40px 0 15px;
padding:15px 0;
border-bottom:1px solid #ccc;
font-size:24px;
}

.pageTitle{
margin:0 0 25px;
padding:15px 0;
border-bottom:1px solid #ccc;
font-size:24px;
}


/*カテゴリタイトル*/

.headingSub{
padding:3px 0 0 18px;
margin-bottom:10px;
font-size:20px;
background: #f3f3f3;
line-height:40px;
}

.headingSub:before{
    content: "\f07c";
    font-family: FontAwesome;
    display: block;
    width:1em;
text-align: center;
    float: left;
    margin-right:10px;
}


/*トップページ新着記事 サイドバー見出し*/
h3.title{
padding:0;
margin-bottom:10px;
font-size:16px;
border-bottom:1px solid #ccc;
line-height:40px;
font-size:20px;
		}


/*-------------コンテンツ部カスタマイザーカラーここまで---------------*/
/*共通スタイル*/

/* hr */
hr {
    display:none;
	}

div.line0 {
	height:0;
	margin-bottom:0px;
	clear:both;
}

div.line {
	height:10px;
	margin-bottom:0px;
	clear:both;
}

div.line20 {
	height:20px;
	margin-bottom:0px;
	clear:both;
}

div.line40 {
	height:40px;
	margin-bottom:0px;
	clear:both;
}

div.line50 {
	height:50px;
	margin-bottom:0px;
	clear:both;
}

div.linepx {
height:10px;
margin-bottom:10px;
clear:both;
background-image: url(images/common/line2px.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

/*回り込み*/

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

/*アイキャッチ*/

.imgFlame{
border:8px solid #fff;
box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
}

.imgFlame img{
padding:0;
margin:0;
vertical-align:middle;
}


/* =======================
パンくず
======================= */

.breadcrumb {
    margin-bottom: 20px;
    line-height: 30px;
    padding: 1px;
    border: 1px solid #F0F0F0;
    color: #aaa;
font-size:13px;
}
ol.breadcrumb li{
	float:left;	
	}
ol.breadcrumb li a{
    display: block;
    background: #F0F0F0;
    padding-right: 10px;
    height: 30px;
    margin-right: 31px;
    position: relative;
    text-decoration: none;
    color: #aaa;
}
ol.breadcrumb li a:last-of-type { margin-right: 31px }
ol.breadcrumb li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -30px;
    border: 15px solid transparent;
    border-color: #F0F0F0;
    border-left-color: transparent;
}
ol.breadcrumb li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -30px;
    border: 15px solid transparent;
    border-left-color: #F0F0F0;
}
 
 
ol.breadcrumb li:first-child a{ padding-left: 15px; }
ol.breadcrumb li:first-child a:before{display:none;}
 
ol.breadcrumb li a:hover {
    background: #ccc;
color:#fff;
    text-decoration: none;
}
ol.breadcrumb a:hover:before {
    border-color: #ccc;
    border-left-color: transparent;
}
ol.breadcrumb li a:hover:after { border-left-color: #ccc; }

.fa {
margin-right:3px;
}

/*fbいいねbox・TwitterWidgetをレスポンシブにする*/

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }

.TwitterWidget #twitter-widget-0 {
	width:100% !important;
}


/*サイトマップ*/

.entryContentsIn #sitemap ul {
margin:0 0 20px 0;
list-style:none; 
}

.entryContentsIn #sitemap ul li{
list-style:none; 
margin:0;
}

span.subheader {
padding:5px 10px;
margin-bottom:20px;
font-size:16px;
color:#000;
line-height:40px;
background: #f3f3f3;
border-bottom:1px solid #ccc;
width:97%;
display:block;
}

#sitemap ul li ul {
margin-left:0px;
}

#sitemap ul li ul li.page_item,
#sitemap ul li ul li.cat-item {
padding:0 0 10px 15px;
}


#sitemap ul li ul li.page_item:before,
#sitemap ul li ul li.cat-item:before{
    content: "\f15c";
    font-family: FontAwesome;
    display: block;
    width:1em;
text-align: center;
    float: left;
    margin-right: 6px;
padding-top:0px;
color:#e0e0e0; 
}

#sitemap ul li ul li ul.children{
margin:10px 0 0 5px;
}


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


/* カテゴリ sideparts02で使用*/
	#sub .subgrid{
	width:99%;
	margin-bottom:60px;
	background:#fff;
	}

/* 人気の記事で使用*/
	#sub .subgrid02{
	width:99%;
	margin-bottom:60px;
	background:#fff;
	}


/*通常リストで使用*/

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

.subgrid ul li{
	font-size:14px;
padding:15px 0;
border-bottom:1px dashed #e0e0e0;
}

.subgrid ul li:before{
    content: "\f061";
    font-family: FontAwesome;
    display: block;
    width:1em;
text-align: center;
    float: left;
    margin-right: 6px;
padding-top:3px;
color:#cccccc; 
}

.subgrid ul li a{
	display:block;
}

.subgrid ul li ul.children {
padding-top:5px;
padding-left:15px;
    list-style:none;
}

.subgrid ul li ul.children li{
	font-size:12px;
padding:15px 0 5px 5px;
border:none;
}


.subgrid ul li ul.children li:before{
    content: "\f061";
    font-family: FontAwesome;
    display: block;
    width:1em;
text-align: center;
    float: left;
    margin-right: 6px;
padding-top:3px;
color:#e0e0e0; 
}


/*プロフィールなどフリーエリア*/

.subgrid01{
	width:99%;
	float:none;
	margin-bottom:60px;
	background:#fff;
text-align:center;
	}

#sub .subgrid01 .title{
text-align:left;
}

#sub .subgrid01 .widget_sp_image-description p {
padding-top:15px;
font-size:13px;
text-align:left;
}

/*フォーム*/
#searchform {
  width: 100%;
  height: 30px;
  position: relative; 
margin-bottom:60px;
}

  #searchform label {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
 }

  #searchform #s {
    width: 80%;
    padding: 5px 10px 5px 5px;
    height: 30px;
    line-height: 1;
    border: solid 1px #cccccc;
    border-radius: 0;
 }

  #searchform #searchsubmit {
    position: absolute;
    top: 0;
    right: 1px;
    border: 0 none;
    cursor: pointer;
    width: 20%;
    height: 42px;
    margin: 0;
    background: #cccccc;
    color: #FFF;
    border-radius: 0;
    -webkit-appearance: button;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.2em; 
text-align:center;
}


/*-------------------------------------
カレンダー
------------------------------------*/
 
#wp-calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 334px;
}
#wp-calendar thead tr th {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
}

#wp-calendar th {
    text-align: center;
}

#wp-calendar td {
    text-align: center;
    padding: 0px;
border: 1px solid #ccc;
}
#wp-calendar caption {
    font-weight: bold;
    text-align: left;
}
#wp-calendar tbody tr #today {
    background-color: #CCC;
}
/*************
/* フッター
*************/

/* フッター内のグリッド(3カラム) */
#footer .grid{
color:#fff;
background:transparent;
font-size:13px;
}


#footer .grid ul{margin:0 0 10px 15px;}

#footer .grid li{
padding:0 6px 0 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border-right:1px solid #666666;
}


#footer{
clear:both;
padding:20px 0;
overflow:hidden;
background:#f0f0f0;
font-size:13px;
border-top:1px solid #f6f6f6;
}

* html #footer{height:1%;}

#footer a{color:#666666;}
#footer a:hover{color:#666666;}

#footer #copyright{
font-size:12px;
margin:0 0 0 15px;
}


/* ページトップへ戻る */
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  width: 80px;
  padding: 10px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
font-size:12px;
}
#page-top:hover{
  background: rgba(0,0,0,.8);
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	margin-top: 50px;
width:98%;
border: solid 1px #ccc;
}

#respond {
padding:20px;
}

.commentlist {
	background: #fff;
	margin: 0;
	padding: 25px 25px 0;
	list-style: none;
}

.commentlist .avatar {
	background: #fff;
	float: left;
	padding: 2px;
	border: solid 1px #ccc;
	margin-right: 10px;
}

.commentlist .children {
	background: #eee;
	margin: 1.2em 0 25px;
	padding: 25px 25px 0;
	list-style: none;
	border: solid 1px #ccc;
}

.comment-author {
	font-weight: bold;
}

.comment-meta {
	font-size: 85%;
}

.comment-meta a {
	color: #666;
}

.comment-meta a.comment-edit-link {
	color: #1b3e61;
	background: #fff;
	padding: 1px 5px 0;
	border: solid 1px #1b3e61;
}

.comment-body {
	clear: both;
}

/*メールアドレスが公開されることはありません。*/
.comment-notes {
	margin: 0 0 10px 0;
	font-size: 85%;
}

#respond label {
	display: block;
	padding: 3px 10px 2px 0;
	margin: 0;
}

/*アスタリスク*/
.comment-notes .required {
	float: none;
	padding-left: 0;
}

.required {
	color: #c00;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
}

input#author,
input#email,
input#url,
textarea#comment {
	margin: 0;
	font-size: small;
	padding: 10px;
	width: 97%;
	border: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
border: solid 1px #f0f0f0;
}

input#author,
input#email,
input#url {
	font-size: medium;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin: 0 0 10px;
}

/*タグと属性が使えます*/
.form-allowed-tags {
	color: #999;
	font-size: 85%;
margin-bottom:10px;
}

.form-submit {
}

.form-submit #submit {
	background: #e8e8e8;
	padding: 5px 15px;
	border: solid 1px #a9a9a9;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2);
	text-shadow: 1px 1px 0 #fff;
}

.form-submit #submit:hover {
	background: #ddd;
}




/*--------------- PC用 940-1101*/
@media only screen and (min-width:1120px){


	
	#wrapper,.inner{
	width:1100px;
	padding:0;
	}
	
	#wrapper{
		padding-bottom:20px;
		}
	

	#main{
	float:left;
	width:700px;
	}

#sub{
	float:right;
	width:336px;
	overflow:hidden;
	}

}

/* モニター幅960px以下 */
@media only screen and (max-width:960px){

h1 p.inner{padding:0 2%;width:96%}
	#header .logo{padding-left:10px;}
	#header .info{padding-right:10px;}

	
	section.content{padding:0 10px;}
	

	
	#sub .grid{padding-bottom:20px;}
	
	#footer{padding:0;}
	
	#footer .grid{
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:center;
	}
	
		#menu li {
		width: 25%;
		border-bottom: 1px solid #4baacb;}

	section.content img{
  max-width:100%;
	height:auto;
	}

.imgFlame img{
  max-width:100%;
	height:auto;
	}


.headBnArea{
float:none;
width:100%;
overflow:hidden;
padding-top:20px;
text-align:center;
}

.headBnArea img,
.adArea img,
.adAreaSide img{
max-width:100%;
height:auto;
}

/*-カレンダー-*/
 
#wp-calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}

}




@media screen and (orientation:landscape){
	.pageTop {
	width:100%;
}
.pageTop a {
	left:-68px;
	margin-left:100%;
}


	section.content img{
  max-width:100%;
	height:auto;
	}



}

/* iPad 縦 */
@media only screen and (max-width:768px){

#wrapper{
border:none;
}

#contents{
padding: 0;
}
	#mainBanner{padding:3px;}
	
	nav a { float: none; margin: 0 0 1px 0; width: 100%; }

	section.content img{
  max-width:100%;
	height:auto;
	}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

#wrapper{
border:none;
}

#contents{
padding: 0;
}
	.grid{width:100%;}
	
	.grid img{
	float:none;
	margin:20px auto 10px;
	}
	
	.grid p{text-align:left;}
	
	img.frame,#gallery img{border-width:2px;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	#footer .grid p{text-align:center;}
	
	section.content img{
  max-width:100%;
	height:auto;
	}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){


#wrapper{
border:none;
}

#contents{
padding: 0;
}

#header .logo{padding-top:10px;}
  .info{padding:10px 0 0;}


/*ヘッダー広告バナー*/

.headBnArea{
float:none;
width:98%;
overflow:hidden;
margin-left:1%;
padding-top:20px;
}

.headBnArea img,
.adArea img,
.adAreaSide img{
max-width:100%;
height:auto;
}


/*-カレンダー-*/
 
#wp-calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}
	
.entryContents{
		padding:15px 5px 10px;
}

	#mainBanner{margin-left:1px;}
	#mainBanner h2,#mainBanner h3{font-size:80%;}

	#headnav h1{
	padding-bottom:5px;
}

	section.content img{
  max-width:100%;
	height:auto;
	}

ul.list li span {
max-width:165px;/*テキストの文字数により極端に横幅が小さくなってしまうのを防ぐため*/
}

.entryContents{
		padding:15px 0 10px;
}

span.subheader {
width:93%;
}

nav	{
	float: left;
	width: 100%;
	margin-bottom:0px;
}
.mod_nav{height:auto;}
.mod_nav p.navtitle{
	cursor:pointer;
	display:block;
	line-height:45px;
	color:#FFF;
	padding:0 0 0 50px;
	font-size:110%;
	font-weight:bold;
	background:transparent url('/sample/008/img/bg_menu.jpg') no-repeat 9px 9px;
}
.mod_nav ul{width:100%; display:none;}
.mod_nav ul li{float:none;}
.mod_nav ul li{
	width:99%;
	padding:0 0% 0 1%;
	text-align:left;
	background-color:#fa88b3;
	border-bottom:solid 1px #f56b9f;
}
.mod_nav ul li a{}

	
}


/* 彩塾追加 */
/*
文字装飾
-------------------------------------------------------------------*/
/* 最大5・太字 */
span.bbbbb {
    color: #000;
    font-size: 2.0em;
    font-weight: bold;
    padding: 0;
    line-height: 150%;
}

/* 最大4・太字 */
span.bbbb {
    color: #000;
    font-size: 1.8em;
    font-weight: bold;
    padding: 0;
    line-height: 150%;
}


/* 最大3・太字 */
span.bbb {
    color: #000;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0;
    line-height: 150%;
}

/* 大2・太字 */
span.bb {
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 150%;
}
/* 太字 */
span.b {
    color: #000;
    font-weight: bold;
    line-height: 150%;
}

/* 小文字 */ 
span.s { 
    color: #000;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 100%; 
} 

/* 背景マーカー処理 */
span.line { 
    color: #000;
    background: #ffff00;
}
 /* アンダーライン */
span.u {     
     color: #000;
     border-bottom: 1px solid ; 
     
}

/* 文字色 */

span.red { color: #ff0000; } /* 赤 */ 
span.blue { color: #0000ff; } /* 青 */ 
span.green { color: #008000; } /* 緑 */ 
span.orange { color: #ffa500; } /* オレンジ */ 
span.pink { color: #FF1493; } /* ピンク */ 


/* テーブル枠線 */

table, td, th {
border: 0.5px #666 solid;
	margin-top: 10px;
	margin-bottom: 10px;

}

td {
text-align: left ;
padding : 10px ;
}

strong { font-weight: bold; }

hr { border: 0.5px #666 solid; }


blockquote {
position: relative;
margin: 2em 0;
padding: 1.2em;
font-size: .9em;
border: 1px solid #CCC;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 1px 3px rgba(0,0,0,.2);
}
blockquote:before{
position: absolute;
top: 15px;
left: 20px;
font-family: 'お好きなフォント';
content: '“';
font-size: 4em;
opacity: .1;
}