@charset "utf-8";
/*「孔雀の実家」ラージサイズ*/


/* 本文基本 */

body             		{
                  		color: #000000;
                  		background-color: #820032;
                  		line-height: 150%;
                  		letter-spacing: 0.05em;
                  		margin:20px 0;
                  		font-size: 0.938em;
                  		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
                 		}

/*本体全体枠*/

#container             		{
		  		width: 980px;
                  		margin-left: auto;
                  		margin-right: auto;
                  		margin-top: 0px;
                  		margin-bottom: 0px;
                  		padding: 0px;
				background-color: #fff;
                  		position: relative; 
				height:auto;
				min-height: 100%;
                 		}

/*ヘッダー*/

.header          		{background-color: #fad214;
				margin-top: 0px;
                  		
                  		padding-left: 20px;
                  		margin-right: auto;
 	              		padding-top: 10px;
                 		}

.header a 			{text-decoration: none;
				 color: #000;
				}
.header a #header_sub		{padding-left:1em;}
/*ヘッダーナビゲーション*/
#nav 				{list-style-type: none;
				margin-top: 0px;
				margin-bottom: 20px;
				display:-webkit-box;
				display:-moz-box;
				display:box;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:flex;
 				width: 100%;
				}
#nav li 			{background-color: #fad214;	
				-moz-box-flex:1;
 	    			-webkit-box-flex:1;
				-webkit-flex:1;
				-ms-flex:1;
				flex:1;
	    			box-flex:1;
				}
#nav > li			{border-top: 1px solid #ff967d;
border-left: 1px solid #ff967d;}
#nav > li:first-child 		{border-left: 0;
			
			        }
#nav > li:nth-last-child(2)		{ margin-right: 0;

				}
#nav li a 			{display: block;
  				color: #000;
    				padding: 12px 24px 12px 16px;
   				text-decoration: none;
 				}
#nav #site_top		{display: none;}
#pageslide 			{display: none;
    				position: absolute;
    				position: fixed;
    				top: 0;
    				height: 100%;
    				z-index: 999999;
				width: 200px;
 				border-left: 1px solid #ff967d;
				background-color: #fad214;
				}
.open 				{display:none;}
/*本体段（トップ専用）*/
.sidebar_top           		{width: 320px;
                 		background-color: #fff;
                                height:auto;
                 		float:left;
                 		margin-left: auto;
                 		margin-right: auto;
 				margin-bottom: 10px;
                                }

.content_top            	{float: left;     
	            		width: 660px;
                                height:auto;
                 		margin-left: auto;
                 		margin-right: auto;
                 		background-color: #fff;
				margin-bottom: 10px;
				}
/*本体段*/                 	
.sidebar           		{width: 320px;
                 		background-color: #fff;
                                height:auto;
                 		float:left;
                 		margin-left: auto;
                 		margin-right: auto;
                  		margin-top: 10px;	
				margin-bottom: 10px;
                                }
.sidebar_1           		{width: 320px;
                 		background-color: #fff;
                                height:auto;
                 		float:right;
                 		margin-left: auto;
                 		margin-right: auto;
                  		margin-top: 10px;	
				margin-bottom: 10px;
                                }
.content            		{float: left; 
                		width: 660px;
                                height:auto;
                 		margin-left: auto;
                 		margin-right: auto;
                  		background-color: #fff;
                 		margin-bottom: 10px;
                 		}
/*フッタ*/
.footer          		{position: relative;
				background-color: #fad214;
	                 	padding-bottom:10px;
                 		margin-top: 10px; 
                 		height: 70px; 
                 		clear: both;
                		}
.footernavi 			{margin-left: auto;
             			margin-right: auto;
             			margin-bottom: 10px;
             			margin-left: 10px;
                        	}
.footernavi li 			{display:inline-block;
			 	border-right: 1px solid #ff967d;
				margin-top: 10px;
				}
.footernavi li a         	{text-decoration: none;
                  		color: #000000;
                  		padding: 0 5px;
                  		font-size: 1.063em;
                    		text-align: left;
                  		line-height: 100%;
                 		}
.footernavi li:last-child	{border-right:0;}
/*コピーライト(フッタ）*/
small				{text-align:left;
				font-size: 0.875em;
				clear: both;
				display:block;
				margin-left: 30px;
				}
/*ページトップに戻る*/
.pagetop 			{position:relative;
				margin-left:700px;
				bottom:58px;
				}
.pagetop a 			{background-color: #a04628;
				width:200px;
				display:block;	
				padding:5px 0  0 5px;
				color: #fff;
				text-decoration: none;
				-webkit-box-sizing:border-box;
				-ms-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-o-box-sizing:border-box;
				box-sizing:border-box;
				border-radius: 5px;
				} 
.pagetop  ul 			{display:inline-block;
				vertical-align:middle;
				}
.pagetop p			{display:inline-block;
				line-height:30px;
				margin-left:-10px;
				}
span:lang(zh-hk){font-family: 'Microsoft JhengHei', 'PMingLiU' , 'Apple LiSung' ,  sans-serif; }
/*項目*/
.point     			{color: #000000;
				width: 80%;
                 		border-bottom: 1px solid #ff967d;
                 		padding-left:20px;
                 		font-weight: bold;
                 		margin-bottom: 20px;
                 		margin-left: auto;
                 		margin-right: auto;
                 		line-height: 110%;
                  		clear: both;
                 		}
.post .point a			{color: #000000;
				text-decoration: none;
				 display: block;
				}

/*パンくずリスト*/
.bar             		{margin-bottom: 5px;
                 		margin-left: 70px;
                 		margin-right: auto;
                 		text-align: left;
                 	 	font-size: 0.813em;
                 		}
.bar li				{display: inline; }
/* トップページ用連載、書籍リスト*/
.top_book_list          	{margin-bottom:10px;
				width:80%;
				margin-left:auto;
                 		margin-right:auto;
				}
.top_book_list li		{margin-bottom:20px;
					display:inline-block;
				text-align:center;
               			margin-left:40px;
				vertical-align: middle;
				}

.top_book_list dl		{width:80%;}
.top_book_list dl dd       	{margin-top:0px;
				font-size:0.813em;
				}
.top_book_list >.no_link a{text-decoration: none; color: #000000;}



/* 電子書籍、書籍リスト*/
.book_list          		{margin-bottom:10px;
				width:80%;
				margin-left:auto;
                		 margin-right:auto;
				}
.book_list li			{margin-bottom:20px;
				display:inline-block;
				width:32%;
               			margin-left:0px;
				vertical-align: top;
				}
.book_list p{text-indent: 0;}
.book_list .no_link a{text-decoration: none; color: #000000;}

/*右側メニュー(トップページ専用）*/
.update_top dl			{width:230px;
                 		padding-left:10px;
				padding-bottom:50px;
				margin-bottom:0px;
                 		text-align:left; 
                 		font-size:0.813em;
                 		margin-left:auto;
                 		margin-right:auto;
				}
.update_top dl dd 		{width:190px;
				text-align:left; 
                 		padding-bottom:10px;
                 		margin-left:auto;
                 		margin-right:auto;
                		}
/*作品タイトル*/
#title_logo			{background-color: #fad214;
				width: 80%;
				text-align: center;
				margin-bottom: 20px;
                 		margin-left: auto;
				padding: 10px;
                 		margin-right: auto;
				font-size: 1.5em;
				font-weight: bold; 
            		        border-radius: 8px;
				}
/*作品コメント*/
.comment          		{width:90%;
                 		margin-bottom:20px;
                 		margin-left:auto;
                 		margin-right:auto;
                  		clear:both;
		                }
/* 作品個別リスト*/
.contents_list			{margin-left:150px;
			         margin-right:auto;
				}
.contents_list li		{margin-bottom:30px;}
.contents_listimg        	{float:left;
				margin-right:1em;
				margin-bottom:20px;
				}
.contents_list li dl		{padding-top:10%;}
/* 電子書籍ストアリスト*/
.ebook_list			{width:90%;
           			margin-left:auto;
           			margin-right:auto;
				margin-top:30px;
 				}
.ebook_list li			{margin-bottom:30px;
          			margin-left:10px;
				display:inline-block;
				}
.ebook_list .m_only{display:none;}
/*右サイドバー用*/ 
.side_icon            		{text-align:left;
                 		width:210px;
                 		padding:0px 20px ;
                 		margin-left:auto;
                 		margin-right:auto;
                 		margin-top:10px;
                 		margin-bottom:10px;
                		}
.side_icon img			{margin-right:1em;}
.sideimg          		{margin-left:auto;
                		 margin-right:auto;
                		 margin-top:10px;
                		 margin-bottom:10px;
				text-align:center;
                		}
/* トップページ用連載、書籍リスト*/
.side_list          	{margin-bottom:10px;
				width:80%;
				margin-left:auto;
                 		margin-right:auto;
				}
.side_eventwrapper       	{margin-bottom:10px;
				width:80%;
				margin-left:auto;
                 		margin-right:auto;margin-bottom:20px;
				}
.side_eventwrapper  .event img		{
width: 100%;
				}
.side_list .event		{margin-bottom:20px;
width: 100%;	
				}
.top_event          	{margin-bottom:10px;
				width:70%;
				margin-left:auto;
                 		margin-right:auto;
				}

.top_event li	 img	{width: 100%;
}
.top_event 	 .1_img 	{width: 38%;display:inline-block; margin-left:20%;
}
.top_event 	 .img 	{width: 38%;display:inline-block; margin-left:5%;
}

.side_list li		{margin-bottom:20px;
			text-align:center;
			display:inline-block;
               		vertical-align: middle;
				}

.side_list dt		{text-align:center;}
.side_list dd       	{margin-top:0px;
				font-size:0.813em;
				}
/*作者について*/
.prof          			{text-align:center;
                 		width:85%;
                		margin-left:auto;
                 		margin-right:auto;
                 		margin-top:10px;
                 		margin-bottom:10px;
                		}
/*サイトマップ*/
.sitemap 			{margin-left:20%;
                 		margin-right:auto;
                		margin-top:10px;
				margin-bottom:10px;	
                		}
.sitemap ul  			{margin-left:auto;
                		margin-right:auto;
                		margin-top:10px;
              			}
.sitemap ul ul			{
                 		margin-left:30px;
                 		margin-right:auto;
                                }
.sitemap ul ul ul		{margin-left:30px;
                		 margin-right:auto;
                		margin-top:10px;
                		margin-bottom:10px;
                                }
/*サイトポリシー*/
.policy           		{width:80%;
                		 margin-left:auto;
                		 margin-right:auto;
                		 margin-top:10px;
              			 margin-bottom:10px;
		                 }
.policy  dt 			{font-weight:bold;}
.policy  dd 			{margin-left:20px;}
/*リンク*/
.bunner   			{margin-left:200px;
                		 margin-right:auto;
                		margin-top:10px;
                		 }
.bunner  li 			{margin-bottom:10px;}
.bunner a         		{font-size:1.25em;
                 		font-weight:bold;
                 		}
/*更新履歴*/
.update        			{width:80%;
				margin-left:70px;
                 		margin-right:auto;
                		margin-top:10px;
				margin-bottom:10px;
				}
.update dt        		{margin-bottom:10px;}
.update dd        		{margin-left:30px;
                		 margin-right:auto; 
			        }
/*表示切り替え*/
.swich				{width:700px;
                 		margin-left:auto;
                 		margin-right:auto;
				text-align:center;
				clear:both;
				}
.hidden_pc 			{display: none;}
.hidden_sp 			{display:inline;}

/*スライダーキャプション*/
.flex-caption			{font-size:0.813em;}
/*トップカルーセル*/
#carousels_contents dl		{width:90%;}
#carousels_contents  dl dd       {margin-top:0px;
				font-size:0.813em;
				}
/*スライダー（トップ）*/

/*カウンタ*/
.counter{display:none;}
/*映像用*/
.videowrapper          	{margin-bottom:10px;
				width:70%;
				margin-left:auto;
                 		margin-right:auto;
				}
.videowrapper .video {
    position: relative;
    margin-bottom: 10px;
    padding-top: 56.25%;
   
    height: 0;
    overflow: hidden;
}
  
.videowrapper .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.side_videowrapper          	{margin-bottom:10px;
				width:80%;
				margin-left:auto;
                 		margin-right:auto;
				}
.side_videowrapper .video {
    position: relative;
    margin-bottom: 10px;
    padding-top: 56.25%;
   
    height: 0;
    overflow: hidden;
}
  
.side_videowrapper .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
/**
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
}
*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../side_menu/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../side_menu/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../side_menu/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../side_menu/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../side_menu/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}


p .image_right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
p .image_left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

/*
Pixels  EMs      Percent     Points
 
6px    0.375em   37.5%       5pt
 
7px    0.438em   43.8%       5pt

8px    0.5em     50%         6pt
 
9px    0.563em   56.3%       7pt

10px   0.625em   62.5%       8pt

11px   0.688em   68.8%       8pt
 
12px   0.75em    75%         9pt
 
13px   0.813em   81.3%       10pt
 
14px   0.875em   87.5%       11pt
 
15px   0.938em   93.8%       11pt
 
16px   1em       100%        12pt
 
17px   1.063em   106.3%      13pt
 
18px   1.125em   112.5%      14pt
 
19px   1.188em   118.8%      14pt
 
20px   1.25em    125%        15pt
 
21px   1.313em   131.3%      16pt
 
22px   1.375em   137.5%      17pt
 
23px   1.438em   143.8%      17pt
 
24px   1.5em     150%        18pt
*/
