/*
Theme Name: シロデココ
Theme URI: http://dekoco.net
Description: シロデココテーマ
Author:  デココ
Author URI: http://dekoco.net
Version: 1.3
*/

@charset "UTF-8";

/*		基本的な部分				*/
*{
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

html{
	background: #fff url( 'image/wallpaper-2x.png' ) top left;
	background-size: 400px 400px;
}

body{
	color: #222;
	font-size: 1em;
	line-height: 1.8em;
	font-family: sans-serif;
	margin: 0;
	/* #a2daf5 */
	background: url( 'image/footer-background-2x.png' ) bottom center repeat-x;
	background-size: 960px 275px;
/*	text-align: justify;*/
	text-justify: distribute-all-lines;
}

a{
	color: #663300;
}

a:hover{
	text-decoration: none;
	color: #cc6600;
}

p{
	margin: 1.5em 0;
}

address{
	padding: 0.6em 0;
}

ul{
	margin: 0.3em 0.5em;
	padding: 0.3em 0.5em 0.3em 1.5em;
}

ol{
	margin: 0.3em 0.5em;
	padding: 0.3em 0.5em 0.3em 1.5em;
}

dl{
	margin: 0.4em 0;
	padding: 0em 0 0em 0;
}

dl dt{
	font-weight: bold;
	color: #cc967a;
	margin: 0.7em 0.3em 0.2em 0.3em;
}

dl dt:before{
	content: '＊';
	padding-right: 6px;
	font-size: 0.9em;
}

dl dd{
	font-size: 0.9em;
	margin: 0em 0.3em 0.2em 1.5em;
}

hr{
	border: 1px dashed #cc967a;
	border-width: 1px 0 0 0;
	height: 1px;
	margin: 1.5em 0.6em;
}

em{
	font-weight: bold;
	font-style: normal;
}

strong{
	font-style: normal;
	font-weight: bold;
}

address{
	font-style: normal;
}

table{
	border-collapse: collapse;
	margin: 0 auto;
	padding: 1em;
/*	font-size: 0.9em;*/
	line-height: 1.4em;
}

table td{
	padding: 0.3em;
	border: 1px solid #cc967a;
	margin: 0;
}

table th{
	padding: 0.3em;
	border: 1px solid #cc967a;
	background: #cc967a;
	color: #fff;
	text-align: right;
}

input,
textarea,
select{
	padding: 3px;
	background: #fff;
	border: 2px solid #ccc;
	font-size: 1em;
}

input[type=submit]{
	padding: 7px 20px;
	color: #fff;
	background: #ccc;
	font-weight: bold;
}

section{
	margin: 0 0 1em 0;
}

h1{
	font-size: 1.4em;
	line-height: 1.3em;
	color: #cc967a;
	text-align: center;
}

h2{
/*	background:url( 'image/h2-2x.png' ) left center no-repeat;
	background-size: 57px 70px;*/
	background: url( 'image/sidebar-headline-2x.png' ) center left no-repeat;
	background-size: 69px 65px;
	margin: 1em 0;
	padding: 1.3em 0 0.9em 4.6em;
	font-size: 1.1em;
	color: #cc967a;
}

h3{
	font-size: 1.1em;
	color: #cc967a;
	border-left: 9px solid #cc967a;
	margin: 1.5em 0;
	padding: 0.5em 15px;
}

h4{
	font-size: 1.2em;
	color: #cc967a;
	margin: 0.7em 0.4em;
	padding: 0.5em 0.3em;
}

blockquote{
	background-color: #ddd;
	padding: 1em 1em;
	margin: 0.8em;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	word-wrap: break-word;
}

blockquote:before{
	content: "“";
	font-size: 300%;
	line-height: 1em;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

blockquote:after{
	content: "”";
	font-size: 300%;
	line-height: 0em;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
}

pre{
	background-color: #ddd;
	padding: 1em 1em;
	margin: 0.8em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	word-wrap: break-word;
	line-height: 1.3em;
}

/*		幅固定とセンタリング	*/

div#contents{
	width: 960px;
	margin: 0 auto;
}

/*		効果	など				*/

/* 半透明 */
nav#navigation a:hover,
div#contents section.post a:hover img,
div#site-logo a:hover img,
div#sidebar section#commercial ul li a:hover img
{
	opacity: 0.6;
}

/* 角を丸める */
input,
textarea,
select,
div#main-contents,
.home div.works-headline,
.home div.blog-headline,
div#sub-navigation ul li,
div.gallery-thumbnails ul li div.gallery-image a img,
div.article-thumbnails ul li div.article-image a img,
div#sidebar ul#commercial li a img,
em.comment-awaiting-moderation,
div#sidebar section,
div#sidebar section#commercial ul li a img,
.home div.toppage-illust img
{
	border-radius:8px;
}

/*	非表示	*/
div#site-logo a,
nav#navigation ul li a,
div.article-thumbnails ul li div.article-date span.date-label,
div.article-header div.article-info ul li.date span.date-label,
div.article-header div.article-info ul li.category span.category-label,
div.article-header div.article-info ul li.tag span.tag-label,
dl.speak dt.kasshi,
dl.speak dt.mint,
dl.speak dt.botan,
footer p#page-top
{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*	画像を揺らす	*/

div.gallery-thumbnails ul li div.gallery-image a img:hover,
div.article-thumbnails ul li div.article-image a img:hover{
	opacity:0.6;
}

/*
div.gallery-thumbnails ul li div.gallery-image a img:hover,
div.article-thumbnails ul li div.article-image a img:hover{
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	animation: imglink-anime 1s ease infinite;
}

@keyframes imglink-anime{
	0%,100% {
		transform: rotate( -3deg );
		opacity:0.6;
	}
	50% {
		transform: rotate( 3deg );
	}
}
*/

/*	回り込み解除	*/

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*	ナビゲーション		*/

nav#navigation{
	width: 960px;
	margin: 0 auto 1.8em auto;
	padding: 0;
}

nav#navigation ul{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

nav#navigation ul li{
	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
	height: auto;
}

nav#navigation ul li a{
	width: auto;
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 90px;
	background: transparent center center no-repeat;
	background-size: contain;
}

nav#navigation ul li#nav-about a{ background-image: url( 'image/navigation/nav-about.png' ); }
nav#navigation ul li#nav-info a{ background-image: url( 'image/navigation/nav-info.png' ); }
nav#navigation ul li#nav-works a{ background-image: url( 'image/navigation/nav-works.png' ); }
nav#navigation ul li#nav-blog a{ background-image: url( 'image/navigation/nav-blog.png' ); }
nav#navigation ul li#nav-link a{ background-image: url( 'image/navigation/nav-link.png' ); }
nav#navigation ul li#nav-mail a{ background-image: url( 'image/navigation/nav-mail.png' ); }

/*		タイトル			*/


div#site-logo{
	margin: 10px auto 10px auto;
	width: 960px;
}

div#site-logo img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

div#site-logo img a{
	display: block;
	width: 100%;
	max-width: 960px;
	height: auto;
}

/*		ブログ本文部分		*/

div#main-contents{
	padding: 1.3em;
	background: #fff;
	margin-bottom: 2em;
	float: left;
	width: 690px;
}

div#main-contents h1{
	padding: 2.3em 1em 0.9em 1em;
	margin-bottom: -40px;
	background: url( 'image/headline-2x.png' ) 100% 60% no-repeat;
	background-size: 136px 90px;
	position: relative;
	top: -40px;
	text-shadow:
		2px  2px 1px #fff,
		-2px  2px 1px #fff,
		2px -2px 1px #fff,
		-2px -2px 1px #fff;
}

/*		記事のサムネイル表示部分	*/

div.article-thumbnails{
	clear: both;
	background-size: 100% auto;
	margin-bottom: 1em;
	margin-top: 1em;
}

div.article-thumbnails ul{
	margin: 0 auto;
	padding: 0;
}

div.article-thumbnails ul li{
	width: 32.7%;
	height: auto;
	list-style: none;
	margin: 0 0 4% 0;
	display: inline-block;
	vertical-align: top;
/*	/display: inline;
	/zoom:1; */
}

div.article-thumbnails ul li div.article-image{
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

div.article-thumbnails ul li div.article-image img{
	background: #fff;
	width: 100%;
	height: auto;
	max-width: 200px;
}
	
div.article-thumbnails ul li div.article-name{
/*	padding: 5px 0;*/
	padding: 2px 0;
	margin: 0 4%;
	line-height: 1.4em;
}

div.article-thumbnails ul li div.article-name a{
	font-weight: bold;
	text-decoration: none;
}

div.article-thumbnails ul li div.article-date{
	margin: 0 4%;
	line-height: 1.6em;
	font-size: 0.9em;
}

div.article-thumbnails ul li div.article-date span.date-label{
	margin-right: 7px;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	background: url( 'image/article-chips-2x.png' ) no-repeat;
	background-size: 60px 20px;
}

div.article-thumbnails ul li div.article-date span.date-label{
	background-position: 0 0;
}

/*		固定ページ向けCSS		*/
/*
body.search-results article,
body.page-template-default article,
body.page-template-about article{
	width:100%;
}
body.search-results  div.article-thumbnails ul li,
body.page-template-about div.article-thumbnails ul li{
	width:24.5%;
}*/

/*		キャラクター			*/

dl#chara-profiles{
	margin: 0;
	padding: 0;
}

dl#chara-profiles dt.chara-name{
	float: left;
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 0;
	clear: both;

}

dl#chara-profiles dt:before{
	content: '';
	padding-right: 0;
}

dl#chara-profiles dd.chara-profile{
	margin: 0 0 30px 160px;
	padding: 0 0 0 10px;
}

dl#chara-profiles dd.chara-profile dl dt{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

dl#chara-profiles dd.chara-profile dl dd{
	margin: 0 0 1px 100px;
	padding: 0;
	font-size: 1.1em;
}

dl#chara-profiles dd.chara-profile dl dd.male{
	font-weight: bold;
	color: #75b0f1;
}

dl#chara-profiles dd.chara-profile dl dd.female{
	font-weight: bold;
	color: #f3939e;
}

/*		プロフィール			*/

dl#webmaster-profile dt,
dl.pcspec dt{
	float: left;
	width: 150px;
	clear: left;
	margin: 0 0.2em 0 1em;
}

dl#webmaster-profile dd,
dl.pcspec dd{
	margin: 0 150px 0.1em 0.2em;
	width: 100%;
	font-size: 1em;
}

/*		ブログヘッダ部分		*/

div.article-header{
	margin-bottom: 1em;
}

div.article-header div.article-info{
	font-size:0.9em;
}

div.article-header div.article-info ul{
	list-style:none;
	margin:0.3em 0;
	padding:0;
}

div.article-header div.article-info ul li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	line-height: 1.6em;
}

div.article-header div.article-info ul li.date span.date-label,
div.article-header div.article-info ul li.category span.category-label,
div.article-header div.article-info ul li.tag span.tag-label{
	margin-right:7px;
	width:20px;height:20px;
	display:block;
	float:left;
	background:url('image/article-chips-2x.png') no-repeat;
	background-size: 60px 20px;
	background-position: 0 0;
}

div.article-header div.article-info ul li.date span.date-label{
	background-position:0px 0;
}
div.article-header div.article-info ul li.category span.category-label{
	background-position:-20px 0;
}
div.article-header div.article-info ul li.tag span.tag-label{
	background-position:-40px 0;
}

/*		ブログフッター部分	*/

ul.article-footer{
	font-size:0.9em;
	text-align:right;
}

ul.article-footer li{
	display:inline;
}

/*		ソーシャルボタン		*/

div.social-buttons{
	margin:1em 0;
}

div.social-buttons ul{
	margin:0;
	padding:0;

}

div.social-buttons ul li{
	float:left;
	width:80px;
	height:20px;
	list-style:none;
}

div.social-buttons ul li.twitter-button{
	width:85px;
}

div.social-buttons ul li.facebook-button{
	position: relative;
	top: -7px;
	width: 110px;
}

div.social-buttons ul li.hatena-button{
	width:52px;
}

div.social-buttons ul li.line-button{
	position:relative;
	width:25px;
	left:-80px;
}

/* 		キャプション 		*/

.aligncenter, div.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div.image-frame{
	text-align:center;
/*	margin:0.3em;*/
}

div.image-frame a img{
	border:2px solid #ccc;
	box-sizing: content-box;
}

.wp-caption{
	margin-top:10px;
	margin-bottom:10px;
}

.wp-caption img{
	border: 2px solid #cfcfcf;
}

.wp-caption p.wp-caption-text{
	text-align:center;
	margin:0;
	font-size:0.9em;
}

/*		記事終了後の広告		*/

div#commercial-endpost{
/*	margin: 10px 10px;*/
}

.logged-in div#commercial-endpost{
	pointer-events:none;
	position:relative;
}

.logged-in div#commercial-endpost:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}

/*		次・前の
		ナビゲーション		*/
/*
div#prev-next-nav{
	margin:0px 0;	
}

div#prev-next-nav p{
	margin:0;
	padding:60px 0 35px 0;
}

div#prev-next-nav p#nav-next{
	float:left;
	width:200px;
	background:url("image/article-title.png") 0px 0px no-repeat;
	padding-left:100px;
}

div#prev-next-nav p#nav-prev{
	float:right;
	width:200px;
	background:url("image/article-title.png") -520px 0px no-repeat;
	text-align:right;
	padding-right:100px;
}
*/

/*		リンクページ			*/

ul.link-list{
	list-style:none;
	margin:10px 0;
	padding:0;
}

ul.link-list li{
	height:100px;
}

ul.link-list li div.link-image{
	float:left;
	width:200px;
	height:40px;
	padding:5px 0 0 0;
}

ul.link-list li div.link-image a img{
	border:0;
}

ul.link-list li div.link-name{
	margin-left:220px;
	color:#cc967a;
	font-weight:bold;
}

ul.link-list li div.link-desc{
	margin-left:220px;
	margin-top:5px;
	font-size:0.9em;
}

ul.link-list li{
}

/*	フォーム関連	*/

dl#contact-form,
dl.column{
	margin: 1em;
}

dl#contact-form dt,
dl.column dt{
	float: left;
	width: 150px;
	clear: both;
	margin:0 0 0.5em 0;
	padding:0;
}

dl#contact-form dd,
dl.column dd{
	margin:0 0 0.5em 150px;
}

dl.column dt.comment-form-email,
dl.column dd.comment-input-email{
/*	display: none;*/
}

/*	コメント部分	*/

ol.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}

ol.commentlist li {
	list-style:none;
	height:1%;
	margin:0 0 10px;
	padding:0;
}

ol.commentlist li div.vcard {
	font-weight:bold;
}

ol.commentlist li div.vcard cite.fn {
	font-style:normal;
	display:block;
	margin-left: 70px;
}

ol.commentlist li div.vcard img.avatar {
	border:1px solid #ccc;
	float:left;
	width:50px;
	height:50px;
	margin:0;
}

ol.commentlist li div.comment-meta {
	font-weight:normal;
	line-height:1.5em;
	margin-left: 70px;
}

ol.commentlist li div.comment-meta a {
	text-decoration:none;
}

ol.commentlist li div.comment-meta a:hover {
	color:#444;
}

ol.commentlist li p {
	margin:1em 0 2em 0;
}

ol.commentlist li ul {
	list-style:square;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
}

ol.commentlist li ul.children {
	margin:1em 0 0 1em;
	text-indent:0;
}

ol.commentlist li ul.children li.depth-2 div.vcard cite.fn {
	font-style:normal;
}

ol.commentlist li ul.children li.depth-2 {
	margin:0 0 .3;
}

ol.commentlist li.pingback div.vcard {
	padding:0 170px 0 0;
}

ol.commentlist li div.comment-body p{
	clear:both;
}

em.comment-awaiting-moderation{
	display:block;
	padding:10px;
	margin:10px;
	background: #eee;
	text-align: center;
}

input#trackback-url{
	display:block;
	width:100%;
	margin:0 auto;
}

/*		WP-PageNavi
		プラグイン部分		*/

.wp-pagenavi {
	clear: both;
	margin:0 auto;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*		下部のサイドバー		*/

div#sidebar{
	float:right;
	width: 250px;
	margin-bottom:1em;
/*	border:1px solid red;*/
}

/*		カテゴリー一覧と
		アーカイブ一覧		*/

div#sidebar section{
	padding:10px;
	margin:0 0 2em 0;
	background: #fff;
/*	border: 1px solid #aaa;*/
	font-size: 0.9em;
	line-height: 1.5em;
}

div#sidebar section h1{
	font-size: 1.2em;
	background: none;
	padding: 1.9em 0 0.3em 0;
	margin-bottom:-25px;
	position:relative;
	bottom:30px;
}
	
div#sidebar section h2{
	background:none;
	font-size:1em;
	text-align:center;
	margin:0;
	padding:0;
}

div#sidebar section ul{
	margin: 0;
}

div#sidebar section#archive-list ul li{
	float: left;
	width: 50%;
}

/*	検索バー	*/

div#sidebar section#searchbar form#searchform{
	position: relative;
	width:210px;
	margin: 0 auto;
}

div#sidebar section#searchbar form#searchform input#search{
	height: 30px;
	padding: 7px 65px 7px 7px;
	width: 100%;
	box-sizing: border-box;
	border-radius:8px;
	-webkit-appearance:none;
}

div#sidebar section#searchbar form#searchform input#searchsubmit{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 29px;
	height: 30px;
	border-left:0;
	padding:0;
	border-radius:0px 8px 8px 0px;
}

div#sidebar section#archive-list h1{
		background: url("image/sidebar-archivelist-2x.png") bottom right no-repeat;
		background-size: 65px 60px;
}
div#sidebar section#category-list h1{
		background: url("image/sidebar-categorylist-2x.png") bottom right no-repeat;
		background-size: 64px 60px;
}
div#sidebar section#searchbar h1{
		background: url("image/sidebar-search-2x.png") bottom right no-repeat;
		background-size: 60px 60px;
}

/*		その他（コマーシャル）	*/

div#sidebar section#commercial{
	background: transparent;
/*	padding:10px;
	margin:0 0 2em 0;*/
	padding:0;
	margin:0;
}

div#sidebar section#commercial h1{
	display: none;
}

div#sidebar section#commercial ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#sidebar section#commercial ul li{
	margin: 0 0 15px 0;
	padding: 0;
}

/*		フッター				*/

footer{
	clear:both;
	margin:20px auto 0 auto;
	padding-top:90px;
	text-align:center;
}

div#site-info,
address{
}

/*	カウンター				*/

footer div#counter{
	text-align:center;
	margin: 1em 0;

	/*	ドット絵拡大表示
		http://memo.sdn-project.net/post/113148316679/pixelated	*/

	-ms-interpolation-mode:nearest-neighbor;   /* IE8+ */
	image-rendering:-webkit-optimize-contrast; /* Safari (WebKit) */
	image-rendering:-moz-crisp-edges;          /* Firefox (Gecko) */
	image-rendering:-o-crisp-edges;            /* Opera 12.x */
	image-rendering:pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}

/*	トップに移動ボタン		*/
#page-top{
	position:fixed;
	bottom:20px;
	right:10px;
	width:78px;
	height:110px;
	background:url("image/pagetop-2x.png") 0px 0px no-repeat;
	background-size: 78px 110px; /*156 220 */
	cursor:pointer;
}

/*		トップページ			*/

.home div#main-contents h1{
	display: none; 
}

.home div#main-contents{
	padding: 0;
	margin: 0;
	background: none;
}

.home div.toppage-illust h2{
	display: none;
}

.home div.toppage-illust img{
	width: 100%;
	height: auto;
}

.home div.works-headline,
.home div.blog-headline{
	padding: 10px 1.3em;
	margin: 1.5em 0 0.5em 0;
	line-height: 1.5em;
	background: #fff;
}

.home div.info-headline{
	float:left;
	width:50%;
	margin: 0px;
	padding-right: 7px;
}

.home div.gallery-headline{
	margin: 0px 0px 0px 50%;
	padding-left: 7px;
	border-left: 1px dashed #cc967a;
}

.home div.article-thumbnails{
	clear:none;
	background-size: auto;
}

.home div.article-thumbnails ul li{
	width: auto;
	height: auto;
	list-style: none;
	margin: 0;
	display: block;
	vertical-align: baseline;
	margin-bottom: 20px;
	min-height: 102px;
}

.home div.article-thumbnails ul li div.article-image{
	text-align: left;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0;
	float:left;
}

.home div.article-thumbnails ul li div.article-image img{
	background: #fff;
	width: 100px;
	height: 100px;
	max-width: none;
	display:block;
}

.home div.article-thumbnails ul li div.article-date,
.home div.article-thumbnails ul li div.article-name{
	margin-left: 110px;
}


.home div.blog-headline h2,
.home div.info-headline h2,
.home div.gallery-headline h2{
	font-size: 1.2em;
	background: none;
	padding: 2em 0 0.2em 4.2em;
	margin-bottom: -35px;
	position: relative;
	top: -50px;
}

.home div.info-headline h2{
	background: url("image/toppage-info-2x.png") bottom left no-repeat;
	background-size: 68px 65px;
}

.home div.blog-headline h2,
.home div.gallery-headline h2{
	background: url("image/sidebar-headline-2x.png") bottom left no-repeat;
	background-size: 69px 65px; 
}

.home div.blog-headline ul li{
	float:left;
	width: 50%;
}

/*
.home div.latest-infomation dl dd,
.home div.latest-headline dl dd{
	font-size: 1em;
	margin-left: 140px;
}
*/

/*.home div#sidebar{
		float: none;
		position: static;
		margin: 20px 0;
		width: auto;
}*/

/*.home div#sidebar section#commercial ul li{
		float:left;
		width:50%;
		text-align:center;
}*/

/*
.home div.latest-infomation ul li,
.home div.latest-headline ul li{
	width: 24.5%;
}
*/

/*	YouTubeビデオ対応		*/

div#main-contents p iframe{
	width:570px;
	display:block;
	margin:0 auto;
	text-align:center;
}

/*	simple map	*/

div#main-contents div.simplemap{
	margin:0 auto;
	width:570px;
}

/*	videoショートコード		*/

div#main-contents div.wp-video{
	margin:0 auto;
	width:570px;
}

/*	ページ分離ナビゲーション	*/

div#page-sprit-nav{
	position: relative;
	overflow:hidden;
}

div#page-sprit-nav ul{
	float:left;
	left:50%;
	position:relative;
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}

div#page-sprit-nav ul li{
	float:left;
	left:-50%;
	position:relative;
	margin:10px;
	padding:0;
}

/*	bxslider css設定	*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -47px !important;
}

.bx-wrapper .bx-controls-direction a {
	margin-top: 10px !important;
	top: 100% !important;
}

.bx-viewport{
	box-sizing: content-box;
}

ul.comic-slider{
	margin:0;
	padding:0;
}

/*	つぶやき	*/

dl.speak{
	margin:30px 0;
}

dl.speak dt{
	width:50px;
	height:50px;
	border:1px solid #aaa;
	background:#aaa;
}

dl.speak dd{
	margin: -3.8em 0 4px 0;
	padding: 0 0 4px 80px;
	min-height:50px;
}

dl.speak dt.receive{
	margin-left:30px;
}

dl.speak dd.receive{
	padding: 0 0 4px 100px;
}

dl.speak dt.kasshi{
	background:url('image/chara/kasshi.jpg') center center no-repeat;
}

dl.speak dt.mint{
	background:url('image/chara/mint.jpg') center center no-repeat;
}

dl.speak dt.botan{
	background:url('image/chara/botan.jpg') center center no-repeat;
}

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

	body{
		-webkit-text-size-adjust: none;
		margin:0 auto;
		background-size: contain;
/*		background: url( 'image/aaa.png' ) bottom center repeat-x;*/
	}

	div#site-logo{
		width:100%;
		max-width: 690px;
		padding: 0 10px;
	}

	div#contents{
		width:auto;
/*		margin-left:10px;
		margin-right:10px;*/
		margin: 0 auto;
		max-width: 690px;
	}

	div#main-contents{
		float:none;
		width:auto;
	}
	
	div#toolbar{
		width:auto;
		margin:40px 0;
	}

	nav#navigation{
		width: 100%;
		max-width: 690px;
		padding: 0 10px;
		margin-bottom: 0.9em;
	}

	nav#navigation ul li{
		width: 16.66%;
	}

	nav#navigation ul li a{
		width: 100%;
	}

	/*	トップページ	*/

/*
	.home div.article-thumbnails ul li{
		width:32.7%;
	}
*/
/*
	.home div.article-headline h2,
	.home div.info-headline h2{
		font-size: 1.25em;
		padding: 2em 0 0.2em 0;
		text-align: center;
		background-position: bottom right;
	}
*/

	/*	bxslider レスポンシブcss設定	*/

	.bx-wrapper img {
		width: 100%;
		height: auto;
	}

	/*	サイドバー	*/

	div#sidebar section{
		padding: 10px 1.3em;
	}

	div#sidebar section#category-list,
	div#sidebar section#archive-list,
	div#sidebar section#searchbar{
		font-size: 1em;
		line-height: 1.7em;
	}

	div#sidebar section#category-list ul li ul.children li{
		display: inline;
		font-size: 0.9em;
	}

	div#sidebar section#archive-list ul li{
		width: 100px;
	}

	div#sidebar section#searchbar form#searchform{
		width:100%;
	}

	div#sidebar{
		float:none;
		position:static;
		margin:20px 0;
		width:auto;
	}

	div#sidebar section#commercial ul li{
		float:left;
		width:50%;
		text-align:center;
	}

	/*	フッター	*/

	div#site-info,
	address{
		margin-left:0;
	}

	/*	スマートフォン	*/
	@media screen and (max-width: 700px) {

		body{
			-webkit-text-size-adjust: none;
		}

		div#site-logo a{
		}

		div#contents{
			margin-left:10px;
			margin-right:10px;
		}

		div#main-contents{
			padding:1em;
			float:none;
			width:auto;
		}
	
		div#toolbar{
			float:none;
			width:100%;
			margin:20px 0;
		}

		h1{
			font-size: 1.3em;
		}

		/*	メニュー	*/

		nav#navigation{
			margin-bottom: 1.8em;
		}

		nav#navigation ul{
			width:auto;
		}

		nav#navigation ul li{
			width: 33.33%;
		}

		/*	幅430ピクセル未満になった時のナビゲーション動作	*/
		@media screen and (max-width: 430px) {
			nav#navigation ul li a{
				height: 60px;
			}
		}

		div.article-thumbnails ul li div.article-date,
		div.gallery-thumbnails ul li div.gallery-date{
			font-size: 0.9em;
		}

		div.article-thumbnails ul li,
		div.gallery-thumbnails ul li{
			width:49%;
		}

		/*		トップページ		*/

		.home div.works-headline,
		.home div.blog-headline{
			padding: 0;
			margin: 1.5em 0 2em 0;
			line-height: 1.8em;
			background: none;
		}
		
		.home div.info-headline,
		.home div.gallery-headline,
		.home div.blog-headline{
			padding:10px;
			margin:0 0 2em 0;
			background: #fff;
			border-radius:8px;
		}
		
		.home div.info-headline{
				float: none;
				width: auto;
		}
		
		.home div.gallery-headline{
			margin: 0px;
			border-left: none;
		}
		
		.home div.info-headline h2,
		.home div.gallery-headline h2,
		.home div.blog-headline h2{
			padding: 2em 0 0.3em 0;
			text-align: center;
		}
		
		.home div.info-headline h2{
			background: url("image/toppage-info-2x.png") bottom right no-repeat;
			background-size: 68px 65px;
		}
		
		.home div.gallery-headline h2{
			background: url("image/sidebar-headline-2x.png") bottom right no-repeat;
			background-size: 69px 65px; 
		}
		
		.home div.blog-headline h2{
			background: url("image/toppage-info-2x.png") bottom right no-repeat;
			background-size: 68px 65px;
		}
		
		.home div.blog-headline ul li{
			float: none;
			width: auto;
		}

		/*		過去ログ					*/
		
		section.archive-date ul li{
			width:25%;
		}

		/*	フッター	*/

		footer{
			float:none;
			width:100%;
			padding-top:30px;
		}

		div#sidebar section#commercial ul li,
		.home div#sidebar section#commercial ul li{
			float: none;
			width: auto;
			display: block;
			margin: 0 auto 15px auto;
		}

		div#sidebar section#commercial ul li a img{
		}

		/*	はじめに	*/

		dl#chara-profiles dt.chara-name{
			float:none;
			margin:0 auto;
		}

		dl#chara-profiles dd.chara-profile{
			margin-left:0px;
		}

		/*	リンクページ	*/
		
		ul.link-list li{
			height:auto;
			padding:0;
			margin:0;
		}
		
		ul.link-list li div.link-image{
			float:none;
			width:200px;
			height:40px;
			margin:10px 0;
			padding:0;
		}
		
		ul.link-list li div.link-name{
			margin:auto;
		}
		
		ul.link-list li div.link-desc{
			margin:0 0 30px 0;
		}

		/*	記事画面	
			フォーム		*/

		input#trackback-url{
			display:block;
			width:95%;
			margin:0 auto;
		}
		
		textarea#comment{
			width:90%;
		}

		dl#contact-form dt,
		dl.column dt{
			float:none;
		}

		dl#contact-form dd,
		dl.column dd{
			margin-left:20px;
		}

		/*	広告		*/

		div#commercial-endpost{
			max-width:220px;
			margin:0 auto;
		}

		/*	その他	*/

		div.image-frame img{
			max-width:100%;
			height:auto;
			width:auto\9; /* ie8 bug */
		}

		/*	YouTube	*/
		div#main-contents p iframe{
			width:100%;
			margin:0;
		}

		/*	SimpleMap	*/
		div#main-contents div.simplemap{
			margin:0 auto;
			width:100%;
		}

		/*	次・前のナビゲーション	*/
/*		
		div#prev-next-nav p{
			padding:0;
			height:70px;
		}
		
		div#prev-next-nav p#nav-next{
			width:100px;
			background-position:0px 15px;
			background-size:305px 55px;
			padding-left:0;
		}
		
		div#prev-next-nav p#nav-prev{
			width:100px;
			background-position:-205px 15px;
			background-size:305px 55px;
			padding-right:0;
		}
*/
		/*	メールフォーム向け	*/

		div#main-contents input,
		div#main-contents textarea{
			max-width:100%;
			height:auto;
			width:auto\9; /* ie8 bug */
		}
	}
}