/*
Theme Name: Yellow Wing
Author: sibuki
Description: オリジナル用
Version:0.2
*/
header, nav, section, article, aside, figure, footer { display: block; }
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

body {
	-webkit-text-size-adjust: 100%;
	color:#6f3700;
	background:url(./img/wp4.gif) repeat #FFFF80;
	font-family:verdana,"メイリオ","ＭＳ Ｐゴシック","Meiryo",Arial,sans-serif;
	line-height:1.62em;
}

/* ---------------------------------------- */
a {	color:#EF9C21; text-decoration:none;}

a:link{color:#EF9C21; text-decoration:none;}
a:active{ color:#846352; text-decoration:none;}
a:visited {color:#EF9C21; text-decoration:none;}
a:hover{color:#846352; text-decoration:underline overline;}

/* ---------------------------------------- */

h1 , h2 , h3 , h4 , h5 , h6 {
   font-size: 15px;
   font-weight: normal;
}


/* **************************************** */
/* ベース */
/* **************************************** */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* --- container --- */

#container {
   text-align: left;
   margin: 0px auto;
   max-width: 800px;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* --- contents --- */

#contents {
   margin-bottom: 20px;
   margin-right:10px;
		width: 63%;
   float: left;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* --- header --- */

#header {
	margin: 0px auto;
	padding: 20px;
   max-width: 100%;
	border: none;
	background:url(./img/wp.gif) repeat #fffffc;
}

#header h1 {
   font-size: 15px;
   font-weight: bold;
}
/* パンくず */
.breadcrumbs{font-size:13px;}
#breadcrumb li{ float:left; list-style-type: none;}


/* --- entry --- */

.entry {
   margin-top: 20px;
   padding: 10px 15px;
   border: none;
}

.entry_main {
   margin: 15px 15px;
}

p {
    margin-bottom: 20px;
}

h2{		background:url(./img/wp.gif) repeat #fffffc;
	padding:5px;}

p.state{
	float:right;
	width:100%;
	font-size:12px;
	text-align:right;
}


/* --- navi --- */

.navi {
   text-align: center;
   margin: 15px 0px;
}

/* ****** ページ送り ************************** */
.okuri{
	text-align:center;
}

/* ****** 検索 ************************** */
/* 検索フォーム◆seatchform.php */
.searchform { position: relative;}
 
.searchfield {
  font-size: 13px;
  width: 90%;
  margin: 3px;
  padding: 10px;
  border: solid 1px #bbb;
  border-radius: 3em;
  background-color: #efefef;
}
 
.searchsubmit {
    font-family: 'FontAwesome';
  font-size: 1.4em;
  position: absolute;
  top: 0;
  right: 8%;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #6F3700;
  border: none;
  background: transparent;
}
 
.searchcolor{color:#6F3700;}
.searchsubmit:hover {
  opacity: .6;
}

/* 検索結果◆search.php */
.s_ti{
border-bottom: 1px solid rgba(51, 51, 51, .1);
font-size:18px;
margin-bottom:10px;
text-align:left;
}

.futidori{
width:100%;
display: inline-block;
text-align:left;
}
#kensaku p{
	padding-left:20px;
font-size:12px;
}

#kensaku a {
	text-decoration:none;
}

#kensaku a:hover {
text-decoration:underline overline;
}
.ke{
text-align:left;
	margin-bottom:10px;
	margin-left:10px;
}
#k p{font-size:12px;
}


/* --- side --- */

#sidebar {
	float:right;
 	width:35%; 
}

#sidebar li {
    list-style: none;
}

.widget {
   margin-top: 20px;
   padding: 10px 0px;
   border: none;
}

.widgettitle {
   text-decoration: underline;
   margin-bottom: 10px;
}


.tagcloud a {
	font-size: 14px !important; /* 文字のサイズ */
	line-height: 1em;
	background: #FFFF80; /* 背景色 */
	color: #804000; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	margin-top: 3px; /* タグ同士の余白 */
	border-radius: 4px; /* 角を少し丸く */
	text-decoration: none;
}
.tagcloud a:hover {
 	background: #804000; /* マウスホバー時の背景色 */
	color: #FFFF80; /* マウスホバー時の文字色*/
}
/* --- footer --- */

#footer {
   margin: 0px auto;
   padding: 20px;
   width: 760px;
   clear: both;
   border: none;
	background:url(./img/wp.gif) repeat #fffffc;
}

/* **************************************** */
.footer-block-in {
    width: 25%;
    padding: 10px 1%;
    float: left;
	background:transparent;
	margin:10px;
border: none;
}
 
.footer-block-in > ul {
    padding: 0px;
    list-style-type: none;
    margin-bottom:20px;
}
 
.footer-block-in > ul ul {
    text-align: left;
    padding: 10px 12px;
    margin-left: 5px;
}
 
.footer-block:after{
    content: "";
    clear: both;
    display: block;
}
 
@media (max-width: 770px) {
    .footer-block-in {
        width: 98%;
        padding: 10px 1%;
        float: none;
    }

}
		

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* レスポンシブ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@media screen and (max-width: 960px) {
/* **************************************** */
.entry{
overflow: hidden;
}

/* **************************************** */
}

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

#container {
   text-align: left;
   margin: 0px auto;
   max-width: 768px;
}

#header {
	margin: 0px auto;
	padding: 20px;
   max-width: 100%;
	border: none;
	background:url(./img/wp.gif) repeat #fffffc;
}
h2{		background:url(./img/wp.gif) repeat #fffffc;
	padding:5px;
	max-width:100%;}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* --- contents --- */

#contents {
   margin-bottom: 20px;
   margin-right:10px;
		width: 100%;
   float: left;
}

.entry{
	line-height:1.62em;
		margin: 0;
		overflow: hidden;
}

#sidebar{
	float:left;
   width: 100%;
	display: block;
}


/* **************************************** */
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@media screen and (max-width: 320px) {
/* **************************************** */

#container {
   text-align: left;
   margin: 0px auto;
   max-width: 320px;
}

#header {
	margin: 0px auto;
	padding: 20px;
   max-width: 100%;
	border: none;
	background:url(./img/wp.gif) repeat #fffffc;
}

.entry{
	line-height:1.62em;
		margin: 0;
		overflow: hidden;
}
#sidebar{
	float:none;
   width: 100%;
	display: block;
}

.tagcloud a {
	font-size: 14px !important; /* 文字のサイズ */
	line-height: 1em;
	background: #FFFF80; /* 背景色 */
	color: #804000; /* 文字色 */
	display: block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	margin: 3px 10px 0px 10px; /* タグ同士の余白 */
	border-radius: 4px; /* 角を少し丸く */
	text-decoration: none;
}
.tagcloud a:hover {
 	background: #804000; /* マウスホバー時の背景色 */
	color: #FFFF80; /* マウスホバー時の文字色*/
}

/* **************************************** */
}