@charset "UTF-8";
/*
Theme Name: 170113 Theme
Theme URI: http://www.www.www/
Description: Thisu is my sample theme.
*/

/*
濃　　#ffd2d2
普通  #ffeeee
薄　　#ffefef
極薄　　#fff9f9
茶色　#663300
薄茶　ada07a
*/

/* BODY */
body {
	background-color: white;
}

A{
	color: #663300;
}

A:HOVER{
	color: maroon;
}

/* コンテナ */
div#container	{
	background-color : #fff ;
	width: 900px;
	margin: auto}

/* ヘッダー */
header #blogtitle {
	position: absolute;
	margin: 40px 20px 0;
	text-shadow:
	0 0 10px #fff; //<水平方向の距離> <垂直方向の距離> <影のぼかし半径> <影の色>
}

header h1	{font-size: 1em;
}

header h1 a	{text-decoration: none;
	color: #000000}

header p#desc	{font-size: 0.9em;
	color: #444444;
	line-height : 150% ;
}

header	{
	height : 100px ;
	margin-bottom: 20px}


/* ナビゲーションバー */

#slide {
    display: none;
}

/* コンテンツ */
div#content	{width: 72%;
	float: left}


#pagetitle	{font-size: 0.875em;
	width: 50%;
	color: #663300;
	border-bottom: dotted 1px #ffd2d2;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;
}

/* 記事 */
div.post	{border: solid 1px #ffd2d2;
	padding: 15px;
	margin-bottom: 20px}

div.post h2	{background-color: #ffeeee;
	font-size: 0.875em;
	padding: 10px;
	margin: 0}

div.post h2 a	{text-decoration: none;
	color: #000000}

div.post div.postcontents p	{font-size: 0.875em;
	line-height: 1.6;
	margin-top: 10px}

div .postinfo{
	font-size: 0.875em;
	text-align: right;
	margin: 0 0 20px;
}

div .postinfo a	{
	text-decoration: none;
}

/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

div.post img	{border: none}

.wp-caption alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.wp-caption alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}

/* ページリンク　今使ってない */
span.oldpage	{float: left}

span.newpage	{float: right}

p.pagenation,p.pagelink {
	padding-bottom : 20px ;
}

p.pagenation a	{
	font-size: 0.9em;
}

/* ページ送り　プラグインなしで */

/*Pagenation*/
.pagenation {
	margin: 1em 0px;
	text-align: center;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: right;
    list-style: none outside none;
}
.pagenation li.now {
    cursor: not-allowed;
    background: none repeat scroll 0 0 #ffefef;
}
.pagenation li a,.pagenation li.now {
	border : 1px solid #663300 ;
    border-radius: 3px;
    color: #663300;
    display: block;
    padding: 10px;
    text-decoration: none;
    margin: 0 5px;
}
.pagenation li a:hover {
    background-color: #ffefef;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


/* サイドバー */
div#sidebar	{width: 27%;
	float: right}

div#sidebar ul	{margin: 0;
	padding: 0;}

div#sidebar div	{
	background-color: #ffefef;
	padding: 16px;
	margin-bottom: 10px
}

div#sidebar div.netbanner img	{
		width : 100% ;}

div#sidebar h2.widgettitle	{font-size: 0.75em;
	color: #663300;
	border-bottom: solid 1px #663300;
	padding-bottom: 8px;
	margin: 0 0 10px}

div#sidebar .screen-reader-text	{font-size: 0.75em; //月別アーカイブの文字
	color: #663300;}

div#sidebar li	{
	list-style-type: none ;
	line-height: 150%;
	font-size: 0.8em;
	margin-bottom: 4px;
	background-image: url(img/listmark.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}

div#sidebar li li a	{text-decoration: none;
	color: #663300}


div#sidebar #tagcloud	{
	line-height: 160%;
}

div#sidebar #tagcloud a	{
	text-decoration : none ;
	padding : 3px ;
	background-color: #fff;
	border : 1px solid #663300 ;
}

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #663300;
	padding: 5px;
	margin: 25px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* フッター */
footer	{
	clear: both;
	border-top: solid 3px #ffd2d2;
	padding: 6px 0;}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0}

address a	{color: #000}


/* 固定ページ */



/* トップページ */
div#topcontent p	{text-align: center;
	font-size: 0.875em;
	line-height: 1.5;
	margin: 0 0 20px;}

/* その他の設定 */
.small {
	font-size: 0.73em;
	line-height: 1.2;
	color: #663300;
}


/* ■■■■■■■■ タブレット　■■■■■■■■*/
@media screen and (max-width: 899px) {

/* コンテナ */
div#container	{width: 100%;
	margin: auto}

/* ヘッダー */
header #blogtitle {
	position: static;
	margin: 0;
	text-align : center ;
}
header h1	{
	font-size: 1em;
}

header h1 a	{}

header p#desc	{
	font-size: 0.8em;
}

header	{
	border-bottom: none;
	padding-bottom: 0;
}

header p#image{
	margin: 8px 0 0;
	overflow:hidden;
}
header p#image img{
	max-width : 100%;
}

/* ナビゲーションバー */



/* コンテンツ */
div#content	{
}

#pagetitle	{
	width: 100%;
}

/* 記事 */
div.post	{
}

div.post h2	{
}

div.post h2 a	{
}

div.post p	{
}

p.postinfo	{

}

p.postinfo a	{
}

/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

div.post img	{border: none}

.wp-caption alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.wp-caption alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}

/* ページリンク */
span.oldpage	{}

span.newpage	{}

p.pagenation {}

p.pagenation a	{}

/* サイドバー */
div#sidebar	{}

div#sidebar div	{
	padding: 5px;
	margin: 5px 0;}

div#sidebar ul	{}

div#sidebar li {}

div#sidebar .widget	{}

div#sidebar h2	{}

div#sidebar li li {		
}

div#sidebar li li a	{
	text-decoration: underline;
}


/* カレンダー */
.widget_calendar h2	{display: none}

#wp-calendar	{font-size: 0.75em;
	color: #ffffff;
	width: 100%}

#wp-calendar a	{color: #ffffff}

#wp-calendar td, #wp-calendar th
	{text-align: center}

#wp-calendar caption	{font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 8px;
	margin-bottom: 8px}

#wp-calendar #prev	{text-align: left;
	padding-top: 3px}

#wp-calendar #next	{text-align: right;
	padding-top: 3px}

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #663300;
	padding: 5px;
	margin: 25px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* フッター */
div#footer	{
}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0}

address a	{color: #000000}


/* 固定ページ */



/* トップページ */
div#topcontent p	{text-align: center;
	font-size: 0.875em;
	line-height: 1.5;
	margin: 0 0 20px;}

}

/* ■■■■■■■■ スマホ　■■■■■■■■*/
@media screen and (max-width: 480px) {

/* グイーンと出てくる目次 */
#slide {
    height: 30px;
display: block;
}
#slide .nav-open { /*MENUって書かれているところ*/
    position: fixed;
    width: 100%;
    height: 30px;
    z-index: 1;
    margin: 0;
}
#slide .nav-open a {
    position: fixed;
    top: 5px;
    right: 10px;
    background: #fff;
}
#gNav { /*実際にグイーンって出てくるところ*/
    width: 100%;
    text-align: center;
    background:#fff;
    position: fixed;
    top: -180px;
    z-index: 2;
    transition: top 1s;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	padding-bottom: 10px;
}
#gNav ul {
	margin : 5px 0 0 -15px ;
}
#gNav li {
list-style-type : none; 
	margin : 15px 20% ;
}
#gNav li a {
display: block;
	border : 1px solid #ffd2d2 ;
    background:#ffefef;
	border-radius : 5px ;
	padding : 5px;
	font-size: 0.8em;
}
#gNav:target {
    top: 0px;
}

#gNav .nav-close{
	margin:  3px 10px 3px;
	text-align: right;
}

.nav-close a,#slide .nav-open a{
	border-radius : 5px ;
	padding : 4px 5px ;
	border : 1px  solid #ffd2d2 ;
}

/* コンテンツ */
div#content	{width: 100%;
	float: none}

/* サイドバー */
div#sidebar	{
	width: 100%;
	float: none}

div#sidebar div.netbanner img	{
		width : auto ;}

}