/*
Theme Name: コロコロｓｈ
Author: sibuki
Description: オリジナル用
Version:0.1
*/
header, nav, section, article, aside, figure, footer { display: block; }
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

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

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

/* リンクした後 */
a:link{		text-decoration:none; color:#008000; font-size:13px; }
/* リンク中 */
a:active{	color:#008000; text-decoration:none; font-size:13px; }
/* リンク前 */
a:visited{	color:#006400; text-decoration:none; font-size:13px; }
/* マウスを乗せた時 */
a:hover{	text-decoration:underline overline; font-size:13px; }

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

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;
	border-right:1px solid #006400;
	border-left:1px solid #006400;
	background:#FFD6E7;
}

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

#contents {
   color:#FF6699;
   margin-bottom: 20px;
   margin-left:20px;
		width: 60%;
   float: left;
}
#contents a {	color:#FF6699; text-decoration:none;}

/* リンクした後 */
#contents a:link{		text-decoration:none; color:#FF6699; font-size:13px; }
/* リンク中 */
#contents a:active{	color:#FF6699; text-decoration:none; font-size:13px; }
/* リンク前 */
#contents a:visited{	color:#FF6699; text-decoration:none; font-size:13px; }
/* マウスを乗せた時 */
#contents a:hover{	text-decoration:underline overline; font-size:13px; }



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

#header {
	margin: 0px auto;
	padding: 20px;
   max-width: 100%;
	border-bottom: dotted 1px #006400;
	background:url(../img/bg02.gif) no-repeat right #fffffc;
}



#header h1 {
   font-size: 15px;
   font-weight: bold;
}



/* --- entry --- */

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

.entry_main {
   margin: 15px 15px;
   font-size:13px;
}

p {
    margin-bottom: 20px;
}

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

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


/* --- navi --- */

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

/* --- side --- */

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

#sidebar li {
    list-style: none;
}

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

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


.widget-title{
   font-weight:bold;
   font-size:14px;}


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

#footer {
   margin: 0px auto;
   padding: 20px;
   width: 760px;
   clear: both;
   border: none;
	background:#FFD6E7;
}

/* **************************************** */
.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;
    }

}

#topmain{
	border-radius: 40px;
	margin:20px;
	background:url(../img/main04.gif) repeat;
	text-align:center;
	border:1px dotted #006400;
	}

#scltxt{
	border-top:1px dotted #006400;
	text-align:left;
}

#viewer {
    margin: 0 auto;
    width: 270px;
    height: 289px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

#scrollBox {
    width: 100%;
    height: 100px;
    overflow: hidden;
    text-align: center;
    line-height: 1.5em;
    border:none;
}
#scrollText {
    margin: 100px 0;
}

/* カテゴリ一覧 */
#itiran{
	margin-left:20px;
	font-size:13px;}

.breadcrumbs{font-size:13px;}
#breadcrumb li{ float:left; list-style-type: none;}
		
/* ****** ページ送り ************************** */
.okuri{
	text-align:center;
	margin-top:20px;
}

/*wp-pagenavi 17*/
.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #fff;
background-color: #006400;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;

}
.wp-pagenavi a:hover{
color: #006400;
background-color: #fff;
}
.wp-pagenavi span.current{
color: #006400;
background-color: #fff;
}

.my_bold{
  font-weight: bold;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* レスポンシブ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@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; /* マウスホバー時の文字色*/
}

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