@charset "UTF-8";

.blog #contents    { width: 1120px; margin: auto; overflow: hidden;}
.blog #main        { width: 900px !important; float: left;}

.blog #sidebar     { width: 260px; float: right;}
.blog #sidebar h3  { font-size: 1.2em; text-align: left; border-bottom: 1px solid #ccc; margin-bottom: 0.5em; padding-bottom: 0.5em;}
.blog #sidebar h3:last-of-type   { margin-top: 2em;}


/* BLOG：共通 */
.blog #main div.navigation		{ width: 100%; overflow:hidden; margin-top: 30px; padding-top: 30px; border-top: 1px solid #E5E5E5;}
.blog #main .alignleft			{ float:left;}
.blog #main .alignright			{ float:right;}

.blog #main div.ttl p		  	{ font-size: 0.8em; color: #999; margin-bottom: 1.5em; padding-bottom:1em; border-bottom: 1px dotted #CCC; padding-top: 100px;}

.blog #main .entry h1			{ font-size: 2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h2			{ font-size: 1.8em; font-weight:bold; background-image:none; text-indent:0; line-height: 1.5em; height:auto; margin:0; padding:0; text-align: left;}
.blog #main .entry h3			{ font-size: 1.6em; font-weight:bold; line-height: 1.5em;background-image:none; text-indent:0; line-height: 1.5em; height:auto; margin:0; padding:0;}
.blog #main .entry h4			{ font-size: 1.4em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h5			{ font-size: 1.2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h6			{ font-size: 1.1em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry p.meta		{ font-size: 0.85em; margin: 0 0 2em 0;}

.blog #main .entry ul 			{ list-style-position: outside; padding-left: 25px; margin-left:0; margin:1em 0;}
.blog #main .entry ul li			{ list-style-type:disc; margin-left:0;}
.blog #main .entry ol			{ list-style-position: outside; padding-left: 25px; _padding-left: 35px; margin:1em 0;}
.blog #main .entry ol li			{ list-style-type: decimal; margin-left:0;}
.blog #main .entry em			{ font-style:italic;}
.blog #main .entry h1			{ font-size: 2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h2			{ font-size: 1.8em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h3			{ font-size: 1.6em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h4			{ font-size: 1.4em; font-weight:bold; background-image:none; text-indent:0; line-height: 1.5em; height:auto; margin:0; padding:0;}
.blog #main .entry h5			{ font-size: 1.2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h6			{ font-size: 1.1em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry blockquote	{ background-color: #F2F2F2; padding:12px; border:3px dotted #CCC}
.blog #main .entry img    { max-width: 100% !important; height: auto !important; box-sizing: border-box; margin: 1em 0;}

.blog #main .entry div.wp-caption             { background-color: #F2F2F2; padding: 9px; border:1px solid #E5E5E5; width: 100% !important; box-sizing: border-box;}
.blog #main .entry div.wp-caption.alignright  { margin-left: 10px;}
.blog #main .entry div.wp-caption.alignleft   { margin-right: 10px;}
.blog #main .entry div.wp-caption img a       { display:block; background-color:#0CF}
.blog #main .entry div.wp-caption img         { margin: 0 !important;}

.blog #main div.navigation a             { background-color: #333; padding: 3px 5px; margin: 0 1px; color:#FFF; border-radius: 3px;}
.blog #main div.navigation a:hover       { background-color: #666;}
.blog #main div.navigation a:active      { background-color: #333;}
.blog #main div.navigation .alignright,
.blog #main div.navigation .alignleft    { margin-top: -2em;}

.blog #main div.entry                    { margin-bottom: 30px; padding-bottom: 30px;}

.blog #main.list dl     { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px dotted #ccc; position: relative; padding:0 0 1em 0; box-sizing: border-box;}
.blog #main.list dl:hover { opacity: 0.8;}
.blog #main.list dl:active{ background-color: #FFF;}
.blog #main.list dt img { width: 100%; height: auto; display: block;}
.blog #main.list dd h3  { font-size: 1.3em; margin-bottom: 0; padding-bottom: 0;}
.blog #main.list dd .meta { margin-bottom: 1em; margin-top: -0.5em; font-size: 0.8em; color: #999; }
.blog #main.list dd .meta span  { background-color: #000; color: #FFF; padding: 0.1em 0.5em;}
.blog #main.list dd .meta span.news   { background-color: #ce0051;}
.blog #main.list dd .meta span.blog   { background-color: #ba79b1;}
.blog #main.list dd .meta span.event   { background-color: #00aed2;}

.blog #main.list dd a   { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; line-height: 0; text-indent: -9999px; display: block;}

.blog #main.list dl  { width: 900px; overflow: hidden;}
.blog #main.list dt  { width: 260px; float: left;}
.blog #main.list dd  { width: 620px; float: right;}
.blog #main h3  { text-align: left;}


/* pager */
div.pager { text-align:center; margin: 15px 0;}
div.pager a.next		,div.pager a.prev		,div.pager a.page-numbers		{ background-color: #666; padding: 3px 5px; margin: 0 1px; color:#FFF; border-radius: 3px;}
div.pager a.next:hover	,div.pager a.prev:hover	,div.pager a.page-numbers:hover	{ background-color: #333;}
div.pager a.next:active	,div.pager a.prev:active,div.pager a.page-numbers:active{ background-color: #666;}
div.pager span.current	{ background-color: #F2F2F2; padding: 5px 8px; margin: 0 2px; color:#666; font-weight:bold; border-radius: 3px;}



@media screen and (max-width:480px) {

.blog #contents    { width: auto !important; margin-left: 3vw; margin-right: 3vw;}
.blog #main        { width: 100% !important; float: none;}

.blog #sidebar     { width: 100%; float: none; padding: 1.5em; border: 5px solid #00aed2; margin-top: 3em;}
/* .blog #sidebar h3  { font-size: 1.2em; text-align: left; border-bottom: 1px solid #ccc; margin-bottom: 0.5em; padding-bottom: 0.5em;}
.blog #sidebar h3:last-of-type   { margin-top: 2em;} */


/* BLOG：共通 */
/* .blog #main div.navigation		{ width: 100%; overflow:hidden; margin-top: 30px; padding-top: 30px; border-top: 1px solid #E5E5E5;}
.blog #main .alignleft			{ float:left;}
.blog #main .alignright			{ float:right;} */

/* .blog #main div.ttl p		  	{ font-size: 0.8em; color: #999; margin-bottom: 1.5em; padding-bottom:1em; border-bottom: 1px dotted #CCC; padding-top: 100px;} */

/* .blog #main .entry h1			{ font-size: 2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h2			{ font-size: 1.8em; font-weight:bold; background-image:none; text-indent:0; line-height: 1.5em; height:auto; margin:0; padding:0;}
.blog #main .entry h3			{ font-size: 1.6em; font-weight:bold; line-height: 1.5em;background-image:none; text-indent:0; line-height: 1.5em; height:auto; margin:0; padding:0;}
.blog #main .entry h4			{ font-size: 1.4em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h5			{ font-size: 1.2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h6			{ font-size: 1.1em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry p.meta		{ font-size: 0.85em; margin: 0 0 2em 0;} */

/* .blog #main .entry ul 			{ list-style-position: outside; padding-left: 25px; margin-left:0; margin:1em 0;}
.blog #main .entry ul li			{ list-style-type:disc; margin-left:0;}
.blog #main .entry ol			{ list-style-position: outside; padding-left: 25px; _padding-left: 35px; margin:1em 0;}
.blog #main .entry ol li			{ list-style-type: decimal; margin-left:0;}
.blog #main .entry em			{ font-style:italic;}
.blog #main .entry h1			{ font-size: 2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h2			{ font-size: 1.8em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h3			{ font-size: 1.6em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h4			{ font-size: 1.4em; font-weight:bold; background-image:none; text-indent:0; line-height: 1.5em; height:auto; margin:0; padding:0;}
.blog #main .entry h5			{ font-size: 1.2em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry h6			{ font-size: 1.1em; font-weight:bold; line-height: 1.5em;}
.blog #main .entry blockquote	{ background-color: #F2F2F2; padding:12px; border:3px dotted #CCC}
.blog #main .entry img    { max-width: 100% !important; height: auto !important; box-sizing: border-box; margin: 1em 0;}

.blog #main .entry div.wp-caption             { background-color: #F2F2F2; padding: 9px; border:1px solid #E5E5E5; width: 100% !important; box-sizing: border-box;}
.blog #main .entry div.wp-caption.alignright  { margin-left: 10px;}
.blog #main .entry div.wp-caption.alignleft   { margin-right: 10px;}
.blog #main .entry div.wp-caption img a       { display:block; background-color:#0CF}
.blog #main .entry div.wp-caption img         { margin: 0 !important;}

.blog #main div.navigation a             { background-color: #333; padding: 3px 5px; margin: 0 1px; color:#FFF; border-radius: 3px;}
.blog #main div.navigation a:hover       { background-color: #666;}
.blog #main div.navigation a:active      { background-color: #333;}
.blog #main div.navigation .alignright,
.blog #main div.navigation .alignleft    { margin-top: -1.8em;} */

/* .blog #main div.entry                    { margin-bottom: 30px; padding-bottom: 30px;}

.blog #main.list dl     { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px dotted #ccc; position: relative; padding:0 0 1em 0; box-sizing: border-box;}
.blog #main.list dl:hover { opacity: 0.8;}
.blog #main.list dl:active{ background-color: #FFF;}
.blog #main.list dt img { width: 100%; height: auto; display: block;}
.blog #main.list dd h3  { font-size: 1.3em; margin-bottom: 0; padding-bottom: 0;}
.blog #main.list dd .meta { margin-bottom: 1em; margin-top: -0.5em; font-size: 0.8em; color: #999; }
.blog #main.list dd .meta span  { background-color: #000; color: #FFF; padding: 0.1em 0.5em;}
.blog #main.list dd .meta span.news   { background-color: #ce0051;}
.blog #main.list dd .meta span.blog   { background-color: #ba79b1;}
.blog #main.list dd .meta span.event   { background-color: #00aed2;}

.blog #main.list dd a   { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; line-height: 0; text-indent: -9999px; display: block;} */

.blog #main.list dd h3  { font-size: 1.3em; margin-bottom: 0; padding-bottom: 0; margin-top: 1em;}
.blog #main.list dd .meta { margin-bottom: 1em; margin-top: 0; font-size: 0.8em; color: #999; }

.blog #main.list dl  { width: 100%; overflow: hidden;}
.blog #main.list dt  { width: 100%; float: none;}
.blog #main.list dd  { width: 100%; float: none;}



/* pager */
/* div.pager { text-align:center; margin: 15px 0;}
div.pager a.next		,div.pager a.prev		,div.pager a.page-numbers		{ background-color: #666; padding: 3px 5px; margin: 0 1px; color:#FFF; border-radius: 3px;}
div.pager a.next:hover	,div.pager a.prev:hover	,div.pager a.page-numbers:hover	{ background-color: #333;}
div.pager a.next:active	,div.pager a.prev:active,div.pager a.page-numbers:active{ background-color: #666;}
div.pager span.current	{ background-color: #F2F2F2; padding: 5px 8px; margin: 0 2px; color:#666; font-weight:bold; border-radius: 3px;} */


}