@charset "utf-8";
/*「孔雀の実家スモールサイズ*/

/* 本文基本 */

body             		{background-color: #fff;
                  		margin: 0;  
                 		}
img 				{max-width: 100%;
     				height: auto;
				}

/*本体全体枠*/
#container             		{width: 100%;
				border: 0;
				margin: 0 auto; 

				}
/*フレキシブボックス*/
#flex_wrapper          		{
display:-webkit-box;/*--- Androidブラウザ用 ---*/
 
    display:flex;
flex-direction: column; /* ボックスを縦並びに */
				}
/*ヘッダー*/
.header          		{position: relative;
				height: 90px;
				}
.header a 			{text-decoration: none; 
				color: #000;
				}
.header a #header_sub		{padding-left:0em;
				display: block;
				}
/*ヘッダーナビゲーション*/
#nav 				{display: none;}
#pageslide #nav			{width: 100%;
				display:block;
				margin:0;
				}
#pageslide #nav li 		{border-bottom: 1px solid #ff967d;
				-moz-box-flex:0;
 	    			-webkit-box-flex:0;
				-webkit-flex:0;
				-ms-flex:0;
				flex:0;
	   			box-flex:0;
				}
#pageslide #nav > li 		{ border-top: 0px;
border-left:0;}
#pageslide #nav > li:first-child{border-left: 0;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				}
#pageslide #nav > li:nth-last-child(2) {margin-right: 0;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				}
#nav #site_top		{display: block;}
.open				{display:block;
            			position: relative;
				left:85%;
				bottom:70px;
            			width: 40px;
            			height: 30px;
            			margin-right: 10px;
            			background: url(../side_menu/menu.png) center center no-repeat #a04628;
            			border-radius: 8px;
            			box-shadow: inset 0 0 3px #000;
            			text-indent: -999999px;
            			border: 0;
        			}
/*本体段*/
.sidebar_top            	{margin-top:0;
				width:100%;
                 		float: none;
				height:auto;
				padding:0px 0px;
                                }
.content_top      		{margin-bottom: 0px;
				margin-top:10px;
                 		width: 100%;
                       		margin-left: auto;
                 		margin-right: auto;
				border: none;
				height:auto;
                    		min-height: 100%;
                 		float: none;
                 		clear: both;
				}
.sidebar            		{margin-top:10px;
				width:100%;
                 		float: none;
				height:auto;
				padding:0px 0px;
-webkit-order:1;
			order: 1;
  


                                }

.sidebar_1            		{margin-top:0;
				width:100%;
                 		float: none;
				height:auto;
				padding:0px 0px;
			
  -webkit-order:3;
			order: 3;


                                }                                

.content      			{margin-bottom: 0px;
                 		width: 100%;
                       		margin-left: auto;
                 		margin-right: auto;
				border: none;
				height:auto;
                    		min-height: 100%;
                 		float: none; 
                 		clear: both;
	-webkit-order:2;
			order: 2;		
				}


/*パンくずリスト*/
.bar             		{width: 80%;                 		margin-left:30px;}
/*項目*/
.point     			{width: 90%;
                		background-color: #fbd916;
                 		border-bottom: 0;
                 		padding-left:10px;
				padding-bottom:5px;
				padding-top:5px;
                 		font-weight:normal;
                 		margin-bottom: 20px;
                 		margin-left: auto;
                 		margin-right: auto;
                  		line-height: 110%;
                  		clear: both;
			        border-radius: 15px;
                 		}
.post .point a			{color: #000000;
				position: relative;
				text-decoration: none;
				display: block;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				padding-right:20px;
				}
.post .point a:before		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #820032;
				}
.post .point a:after		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 12px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #fbd916;
				}
	
.post:target .point a:before	{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -6px;
				background: #820032;
				}
.post:target .point a:after	{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 20%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -6px;
				background: #fbd916;
				}

span:lang(zh-hk){font-family:'Hei','STHeiti','STHeitiTC',Roboto,'Droid Sans','Droid Sans Fallback';}

/*フッタ*/
.footer          		{padding-bottom:20px;
	                 	height: 100px; 
				}
.footernavi li 			{display:block;
				 margin-left: 20px;
				border-right: 0;
				margin-top: 0px;
				padding-top: 5px;
				}
.footernavi li a         	{padding: 0 0;}
/*コピーライト(フッタ）*/
small				{text-align:center;margin-left: auto;
                 		margin-right: auto;}
/*ページトップに戻る*/
.pagetop 			{margin-left:50%;
				bottom:100px;
				}
.pagetop a 			{width:145px;
				color: #fff;
				text-decoration: none;
				} 
.pagetop li			{width:55%;
				margin-bottom: 0px;
				} 
.pagetop p			{margin-left:-33px;font-size: 0.7em; line-height:10px;}
/* トップページ用連載、書籍リスト*/
.top_book_list          	{margin-bottom:10px;
				width:90%;
				margin-left:auto;
                 		margin-right:auto;
				}
.top_book_list li		{margin-bottom:20px;
				width:100%;
               			margin-left:0px;
				
				vertical-align: top;
				border-bottom: 1px solid #8b4513;
				position: relative;
				}
.top_book_list li a		{display:-webkit-box;
				display:-moz-box;
				display:box;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:flex;
				}
.top_book_list li a:before		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #820032;
				}
.top_book_list li a:after		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 12px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #fff;
				}
.top_book_listimg        	{
				width:30%;
				margin-right:10px;
				}
.top_book_list dl		{width:90%;
				-moz-box-flex:1;
 	    			-webkit-box-flex:1;
				-webkit-flex:1;
				-ms-flex:1;
				flex:1;
	    			box-flex:1;
				margin-top:20px;
				}

.top_book_list dt		{text-align:left;width:80%;}
.top_book_list dl dd       	{margin-top:0px;
				font-size:0.813em;width:80%;
				}
.top_book_list >.no_link a:before		{background: #fff;}
/*作品コメント*/
.comment             		{width:80%;
                		 margin-bottom:20px;
                 		margin-left:auto;
                 		margin-right:auto;
		                }
/* 電子書籍、書籍リスト*/
.book_list          		{margin-bottom:10px;
				width:90%;
				margin-left:auto;
                 		margin-right:auto;
				}
.book_list >li 			{margin-bottom:20px;
				border-bottom: 1px solid #8b4513;
				position: relative;
				width:100%;
               			margin-left:0px;
				vertical-align: middle;
				}

.book_list a			{display:-webkit-box;
				display:-moz-box;
				display:box;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:flex;
				}
.book_list li a:before		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #820032;
				}
.book_list li a:after		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 12px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #fff;
				}

.book_list li			{width:100%;}
.book_list li ul     		{width:30%;
				margin-right:10px;
				}
.book_list p			{
				text-indent: 0;
				margin-top:16%;
				margin-right:15px;
				-moz-box-flex:1;
 	    			-webkit-box-flex:1;
				-webkit-flex:1;
				-ms-flex:1;
				flex:1;
	    			box-flex:1;
				
				}

.book_list >.no_link a:before		{background: #fff;}


/*作品個別リスト*/
.contents_list			{margin-bottom:40px;
          			margin-left:10%;
           			margin-right:5%;
				}
.contents_list li .contents_listimg	{width:60%;
					margin-right:-25%;
					}
.contents_list li .contents_listimg img	{width:50%;}
/*右側メニュー（トップページnews用）*/
.sidebar_top dl			{width:85%;}
.sidebar_top dl dd  		{width:90%;}
/*右サイドバー用*/ 
.side_icon            		{width:80%;}
.side_icon li			{margin-bottom:20px;
				border-bottom: 1px solid #8b4513;
				position: relative;
				}
.side_icon li a			{display:block;}
.side_icon li a:before		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #820032;
				}
.side_icon li a:after		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 12px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #fff;
				}

#side .sideimg img    		{width:30%;}
.side_list          		{margin-bottom:10px;
				width:90%;
				margin-left:auto;
                 		margin-right:auto;
				}
.side_list li		{margin-bottom:20px;
				width:100%;
               			margin-left:0px;
				text-align:left;
				border-bottom: 1px solid #8b4513;
				position: relative;
				}
.side_list li a			{display:-webkit-box;
				display:-moz-box;
				display:box;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:flex;
				}


.side_list li a:before		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 7px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #820032;
				}
.side_list li a:after		{display: block;
				content: "";
				position: absolute;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 50%;
				right: 12px;
				width: 10px;
				height: 10px;
				margin-top: -5px;
				background: #fff;
				}
	



.side_listimg        		{width:30%;
				margin-right:10px;
				}

.side_list dl			{width:80%;
				margin-top:20px;
				-moz-box-flex:1;
 	    			-webkit-box-flex:1;
				-webkit-flex:1;
				-ms-flex:1;
				flex:1;
	    			box-flex:1;
				}
.side_list dt			{text-align:left;
				width:80%;}
.side_list dl dd       		{margin-top:0px;
				font-size:0.813em;
				width:80%;
				}


/* 電子書籍ストアリスト*/
.ebook_list li 			{width:20%;}
.ebook_list li img		{width:100%;}

.ebook_list .pc_only{display:none;}
.ebook_list .m_only{display:block;}
/*畳み込み用*/
.post .post_inner  		{display:none;}
.post:target .post_inner  	{display:block;} 
.post_1 .post_inner  		{display:block;}
.post_1:target .post_inner  	{display:block;} 
/*作者について*/
.prof img          		{width:50%;}
/*サイトマップ*/
.sitemap 			{margin-left:10%;}
/*サイトポリシー*/
.policy           		{width:75%;}
/*リンク*/
.bunner   			{width:90%;
                 		margin-left:auto;
                 		margin-right:auto;
                 		}
.bunner li 			{width:90%;
 				margin-left:10px;
		             	}
/*更新履歴*/
.update        			{margin-left:40px;}
/*スライダー*/
.bx-wrapper 			{width:80%;}
/*スライダートップ*/
.carousels_top .bx-wrapper	{width:90%;
				 margin-left:auto;
                 		margin-right:auto;
				}
.counter{display:none;}
/*表示切り替え*/
.swich				{width:100%;
                 		margin-left:auto;
                 		margin-right:auto;
				text-align:center;
				}
.hidden_pc 			{display: inline;}
.hidden_sp 			{display: none;}

.side_videowrapper {width:90%;
				border-bottom: 1px solid #8b4513;
}

