@charset "utf-8"; 
/*---文字コード（必ずスタイルシートの一番初めに記述する。この行の上には何も記述しない。）---*/

*{margin: 0; padding: 0; border-sizing: border-box;}
/*---【*全称セレクタ】全ての要素のmargin,paddingを0に---*/

html {
  max-width: 1040px;
  margin: 0 auto;
}
body{
    font-size: 92%;
    line-height: 1.6;
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; /*--- ゴシック系 */
    /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;  --- 明朝系にするにはこの行のコメント囲みを削除し、他のfont-family行を削除するかコメントアウトする。*/
    /*font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;  --- 丸ゴシック系にするにはこの行のコメント囲みを削除し、他のfont-family行を削除するかコメントアウトする。*/
    color: #555;
    box-shadow: -5px 0px 5px -2px #ddd, 5px 0px 5px -2px #ddd;
}

/*------------------------
	全体設定
--------------------------*/

/*float解除*/
.clearfix:after{
    display: block;
    content: "";
    clear: both;
}
.clear{
    clear: both;   
}

/*flexbox*/
.flex{
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
}

/*ul,table*/
ul{
    list-style-type: none;
}
table{
	max-width: 100%;
	border-collapse: collapse;
}

/*リンク*/
a {
    color: #FF4B23;
    text-decoration: none;
}
a:hover{
    color: #FFDD00;   
}
a.external-link {	/*外部リンク*/
	border-bottom: 1px dashed #9d9d9d;
}

/*画像*/
img{
    max-width: 100%;  
    height: auto;
}
.img-ctr{	/*画像中央揃え*/
	display: block;
	margin: 0 auto;
}
.img-rt{	/*画像右揃え*/
	display: block;
	margin-left: auto;
}

/*------------------------
	wrapper
--------------------------*/
#wrapper{
border-style: solid;
border-width: 1px;
border-color: #ddd;
}
/*------------------------
	ヘッダー
--------------------------*/
header{
    padding: 1% 0 10px 0;
	border-top: 3px solid #ffad4d;
    border-bottom: 2px solid #ddd;
	background: #ff7f2a;
	display: -webkit-flex;
	display: flex;
}
header h1{
	width: 60%;
	height: 2em;
    padding-left: 3%;
}
#home header h1 a{
}
header h1 a{
    font-size: 1em;
	line-height: 2;
	color: #fff;
}
header h1 a:hover{
	color: #fff;
}
header h1 span{
	display: inline-block;
	margin-left: 5%;
	font-size: 0.8em;
	color: #fff;
}

/*ヘッダー右上のボタン*/
header ul#btn01 {
    width: 30%;  
    margin: 1% 0 0 auto;
	padding: 0 1% 0 0;
}
header ul#btn01 li a{
	/*ここからマウスオーバーでキラリと光る設定*/
	position: relative;
	display: inline-block;
	overflow: hidden;
	/*ここまでマウスオーバーでキラリと光る設定*/
	width: 100px;
	float: right;
	border-radius: 10px;
    color: #fff;
    font-size: 0.8em;
    margin: 1%;
    padding: 1%;
    text-align: center;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #e56a18;
    background: -webkit-linear-gradient(top left, #ff9c5c, #ffa46a);
	background: linear-gradient(to top left, #ff9c5c, #ffa46a);
}
	/*ここからマウスオーバーでキラリと光る設定*/
header ul#btn01 li a:before {
    content: "";
    background: -webkit-linear-gradient(130deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 80%);
    background: linear-gradient(130deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 80%);
    width: 200%;
    height: 200%;
    position: absolute;
    top: -100%; 
    left: -200%;
}
header ul#btn01 li a:hover:before {
	top: 0%; /*ボタンの右下方向へ移動*/
	left: 100%;
	-webkit-transition: all 0.5s;
	transition:all 0.5s;
}
	/*ここまでマウスオーバーでキラリと光る設定*/

header ul#btn01 li a:hover{
	background: #f78841;
}

/*------------------------
	ヘッド（「ごあいさつ」部分）
--------------------------*/
#headcont{
	display: -webkit-flex;
    display: flex;
    justify-content: center;
	background: #f7f7f7;
}
#headimage{
	-webkit-flex: 2;/*--- iOS8以前Safari用 ---*/
    flex: 2;	/*イラストの大きさを隣の文字コンテンツと揃えたい場合は、この２行の数値を"2"から"1"へ変えてください*/
}
#description{
 	-webkit-flex: 1;
    flex: 1;
    font-size: 0.9em;
    padding: 2em 0;
}
#description h2{
    padding: 2%;
    border-bottom: 1px solid #fd8e44;
    font-size: 1.5em;
}
#description-inner{
	padding: 1em;
}
#description p{
	padding: 2%;
}

/*------------------------
	ナビゲーション
--------------------------*/
nav{
    width: 100%;
    margin: 0 auto;
    background: -webkit-linear-gradient(top, #ffffff 22%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 22%,#f7f7f7 100%);
}
nav #headmenu{
 	display: -webkit-box;
 	display: box;
}
nav #headmenu div{
    position: relative;
    margin: 0 auto;
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 100%;
    border-left: 1px solid #ddd;
	border-bottom: 3px solid #f7f7f7;	/*古いsafari対策*/
}
nav #headmenu div:first-child{
    border-left: none;
}
nav #headmenu div:last-child{
    border-right: none;
}
nav #headmenu div span ,nav #headmenu div span a{
    display: block;
	color: #9d9d9d;
    text-align: center;
}
nav #headmenu div:nth-child(3) span{
	padding: 1.2em 0;	/*これと*/
}
nav #headmenu div span a{	/*これは、二行になるナビメニューを入れるときにはみ出るのを防ぐため、paddingで囲んだひとくくりとして中央ぞろえにするためのもの*/
	padding: 1.2em 0;
}
nav #headmenu div span{
    cursor: pointer;
}
nav #headmenu div span:hover,nav #headmenu div span a:hover{
    color: #666;
    box-shadow:0px 6px 28px -8px #c67676;
    border-bottom: 3px solid #ff9c5c;
	margin-bottom: -3px;	/*hover時のずれ対策*/
}
nav #headmenu ul{
    width: 100%;
	z-index: 10;
    display: none;
    position: absolute;
    background: #fff;
    margin-top: 3px;
}
nav #headmenu ul li a{
    display: block;
    width: 95%;
    margin-top: 1%;
    padding: 5% 0 5% 5%;
    border-bottom: 1px solid #dcdcdc;
    color: #9d9d9d;
}
nav #headmenu ul li a:hover{
    color: #666;
    border-bottom: 1px solid #ff9c5c;
}
/*------------------------
	メインコンテンツ
--------------------------*/
#content{
	width: 90%;
	margin: 0 auto;
	padding: 0;
    background: #fff;
    /*box-shadow:-5px 0px 5px -2px #ddd,5px 0px 5px -2px #ddd;	*/
}
#main{
	margin: 0 2%;
	padding: 3% 0;
}

/*インフォメーション*/
#info{
	width: 95%;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0;
	line-height: 1.8;
}
#info h2{
	padding-left: 1%;
	background: -webkit-linear-gradient(top, #fefefe 44%,#fefefe 44%,#f2f2f2 100%); 
	background: linear-gradient(to bottom, #fefefe 44%,#fefefe 44%,#f2f2f2 100%); 
	color: #ff7f2a;
	margin-bottom: 10px;
}
#info div{
	margin: 0 1% 1% 1%;
}
#info p{
	padding-bottom: 2%;
}
#info p:last-child{
	padding-bottom: 0;
}

/*section h1 見出し*/
section h1:first-child{
	margin-top: 5%;
	font-size: 1.8em;
	position: relative;
	border-bottom: 4px solid #ccc;
	padding-left: 5px;
}
section h1:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: "";
	width: 25%;
	height: 4px;
	background-color: #fca227;
}
section h1#first{
	margin-top: 2%;
}
.h1{
	margin-top: 5%;
	font-size: 1.8em;
	font-weight: bold;
	position: relative;
	border-bottom: 4px solid #ccc;
	padding-left: 5px;
}
.h1:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: "";
	width: 25%;
	height: 4px;
	background-color: #fca227;
}

/*テキスト部分*/
div.text{
	margin: 1% 1em 2% 1em;
}
div.text p{
	padding-bottom: 1em;
}
div.text p:last-child{
	padding: 0;
}

/*コミュニティ*/
.flex.community{
	justify-content: center;
}
div.re{
	display: -webkit-flex;
	display: flex; 
	width: 50%;
	margin: 1%;
	padding: 2px;
	align-items: center;
	font-size: 0.9em;
	line-height: 1.4;
}
div.re p a{
	display: block;
	text-align: center;
	color: #fff;
	padding: 10px;
}
div.re p.pLink{
	border-radius: 4px;	
}
div.re p a:hover{
	opacity: 0.7;
}

div.re p:first-child{
	width: 30%;
	margin-right: auto;
}
div.re p.com-text{
	width:70%;
	background: #fff;
	border-radius: 2px;
	margin-left: 2px;
	padding: 1%;
}

/* ---- 小説表示設定 ---- */
.novel-index{
	margin: 0 auto 5%;
	width: 80%;
}
.novel-index a{
	display: block;
	padding: 4% 1% 1% 0;
	color: #666;
	font-size: 1.1em;
	letter-spacing: 3px;
	border-bottom: 1px solid #585858;
}
.novel-index a:hover{
	color: #b9b9b9;
}
.novel-index a:hover{
	color: #b9b9b9;
}
article#novel h1{
	text-align: center;
	font-size: 1.8em;
}
.novel-h1{
	text-align: center;
	font-size: 1.8em;
}

#subtitle{
	text-align: center;
	font-size: 0.9em;
	color: #8e8a8a;
}
#novelInfo{
	width: 80%;
	margin: 3% auto 0;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	padding: 2%;
}
#novelInfo p{
}
.noveltext{
	margin: 10% 3% 2% 3%;
}
.noveltext p{
	margin-bottom: 1em;
}
.noveltext p:last-child{
	margin-bottom: 0;
}
#afterword{
	border-radius: 3px;
	width: 90%;
	margin: 10% auto 5%;
	padding: 5px;
}
#afterword .afw-title{
	border-bottom: 2px solid #fff;
	margin: 0;
	padding: 1%;
	font-weight: bold;
	letter-spacing: 2px;/*文字間のスペース*/
}
#afterword .afw-title:before{
	content: "■";
	color: #f8b456;
	padding-right: 3px;
}
#afterword .afw-inner{
	margin: 2%;
}

/* ---- イラスト表示設定 ---- */
div.illust{
	margin: 1% 0 2% 3%;
}
div.illust a{
	display: inline-block;
	padding: 1% 2%;
	border-radius: 6px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
div.illust a:hover{
	opacity: 0.8;
}
.illust-icon{
	display: inline-block;
	margin: 3px;
	padding: 2px 5px;
	border-radius: 4px;
	font-size: 0.85em;
}
.bg-kirby {
	background: #F39800;
}
.bg-pokemon {
	background: #EA5532;
}
.bg-sumabura { 
	background: #3879f5;
}
.bg-others {
	background: #86B81B;
}
.bg-crap {
	background: #FA9B9B;
}
div.illust a.none {
	display : none;      /* 要素を存在しないものとする */
}

/* ---- midi設定 ---- */

/*midi全体設定*/
div.midi{
	margin: 4% 1% 1% 1%;	
}
.hayabiki a{
	display: inline-block;
	background: #dedede;
	color: #797979;
	border-radius: 3px;
	text-align: center;
	margin: 0 4px 5px 0;
	padding: 2px 1%;
}
.hayabiki a:hover{
	text-decoration: underline;
}
.hayabiki span{
	display: inline-block;
	border: 1px solid #dedede;
	border-radius: 3px;
	text-align: center;
	margin: 0 4px 5px 0;
	padding: 2px 1%;
	color: #b5adad;
}

/*タブ切り替えメニュー設定*/
div.tabbox {
    width:98%;
	margin: 3% auto;
}
p.tabs {
	margin: 0px;
	padding: 0px; 
}
p.tabs a {
	display:block;
	width: 18%;
	float: left;
    text-align:center;
	border-radius: 15px 15px 0 0;
	color: #fff;
	margin-right: 2px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
   }
p.tabs a.tab1 ,h2.tab1{
	background: #EA5532;
}
p.tabs a.tab2 ,h2.tab2{
	background: #F39800;
}
p.tabs a.tab3 ,h2.tab3{
	background: #86B81B;
}
p.tabs a.tab4 ,h2.tab4{ 
	background: #00A0E9;
}
p.tabs a.tab5 ,h2.tab5{ 
	background: #1C77C3;
}
p.tabs a:hover { 
	font-size: 1.1em;
}
div.tab {
    overflow: auto; 
	border-radius: 0 4px 4px 4px;
	border-style: solid;
	border-width: 2px;
   }
div.tab h2{
	padding: 1%;
	color: #fff;
}
div.tab h3{
	margin-top: 3%;
	padding: 1%;
	color: #fff;
	border-radius: 3px 3px 0 0 ;
}
div.tab div.poke h3{
	background: #ff7656;
}
div.tab div.kirby h3{
	background: #ffbd64;
}
div.tab div.others h3{
	background: #a4c45f;
}
div.tab div.score h3{
	background: #8fdffc;
}
div.tab div.thanks h3{
	background: #76addb;
}

div#tab1 {
	border-color: #EA5532;
}
div#tab2 { 
	border-color: #F39800;
}
div#tab3 {
	border-color: #86B81B;
}
div#tab4 {
	border-color: #00A0E9;
}
div#tab5 {
	border-color: #1C77C3;
}
div.tab p {
	margin: 0.5em;
}

/*---midi table設定---*/
table.midi{
	width: 100%;
}
table.midi tr:nth-child(2n+1) {
    background: #fffaeb;
}
table.midi tr:nth-child(2n) {
 	font-size: 0.8em;
	border-bottom: 1px solid #ddd; 
}
table.midi tr:nth-child(2n) td{
padding-left: 2em;
}
table.midi tr:nth-child(2n+1) td:first-child {
    padding-left: 2em;
}
table.midi th{
}
table.midi tr td:first-child{
	width: 60%;
	text-align: left;
	font-size: 1em;
}
table.midi tr td{
	padding: 1% 0;
	text-align: center;
	font-size: 0.85em;
}
table.midi tr td a:before{
    padding-right: 3px;
    font-family: "FontAwesome";
	content: "\f1c7";
}

/*---score table設定---*/
table.score{
	width: 100%;
}
table.score tr:nth-child(2n+1) {
    background: #fffaeb;
}
table.score tr:nth-child(2n) {
 	font-size: 0.8em;
	border-bottom: 1px solid #ddd; 
}
table.score tr:nth-child(2n) td{
padding-left: 2em;
}
table.score tr:nth-child(2n+1) td:first-child {
    padding-left: 2em;
}
table.score th{
}
table.score tr td:first-child{
	width: 60%;
	text-align: left;
	font-size: 1em;
}
table.score tr td{
	padding: 1% 0;
	text-align: center;
	font-size: 0.85em;
}
table.score tr td a:before{
    padding-right: 3px;
    font-family: "FontAwesome";
	content: "\f1c1";
}
table.score tr td a.midi:before{
    padding-right: 3px;
    font-family: "FontAwesome";
	content: "\f1c7";
}

/*---thanks table設定---*/
table.thanks{
	width: 100%;
}
table.thanks tr:nth-child(2n+1) {
    background: #fffaeb;
}
table.thanks tr:nth-child(2n) {
 	font-size: 0.8em;
	border-bottom: 1px solid #ddd; 
}
table.thanks tr:nth-child(2n) td{
padding-left: 2em;
}
table.thanks tr:nth-child(2n+1) td:first-child {
    padding-left: 2em;
}
table.thanks th{
}
table.thanks tr td:first-child{
	width: 60%;
	text-align: left;
	font-size: 1em;
}
table.thanks tr td{
	padding: 1% 0;
	text-align: center;
	font-size: 0.85em;
}
table.thanks tr td a:before{
    padding-right: 3px;
    font-family: "FontAwesome";
	content: "\f14c";
}

/*------------------------
	フッター
--------------------------*/
#foot-content{
	width: 100%;
	padding: 1% 0 0 0;
	color: #9d9d9d;
	background: #eee;
}
#foot-content a{
	color: #9d9d9d;
}
#footTitle {
	font-size: 2em;
	width: 85%;
	margin: 0 auto;
}
#footTitle a{
}

#footMenu {
	width: 90%;
	margin: 1% auto 5%;
}
#footMenu ul{
	width: 100%;
	text-align: center;
}
#footMenu ul li{
	float: left;
	border-left: 1px solid #dcdcdc;
	font-size: 0.9em;
}
#footMenu ul li:first-child{
	border-left: none;
}
#footMenu ul li a{
	display: block;
	padding: 0 8px 0 10px;
}

#footCopy {
	font-size: 0.9em;
	text-align: right;
	padding-right: 1%;
}

footer{
    border-top: 2px solid #fbb689; 
    background: #fd771d;
    text-align: center;
	padding: 2% 0 3%;
}
footer small{
    font-size: 1em;
    color: #fff;
}
footer small span{
    font-size: 0.8em;
}


/*------------------------
	各設定
--------------------------*/

/*---フォント関連---*/
.fb{
	font-weight: bold;	/*太文字*/
}
.txt-ul{
	text-decoration: underline;	/*アンダーライン*/
}
.txt-sla{
	text-decoration: line-through;	/*打ち消し線*/
}
.txt-ctr{
	text-align: center;	/*中央寄せ*/
}
.txt-rt{
	text-align: right;	/*右寄せ*/
}
.txt-sml{
	font-size: 0.85em;	/*小文字*/
}
.txt-lrg{
	font-size: 1.5em;	/*大文字*/
}
.txt-xlrg{
	font-size: 2em;	/*さらに大文字*/
}
.ind{
	text-indent: 1em;	/*最初の１行のみインデントを付ける*/
}
.ind2{
	text-indent: 2em;	/*追加：最初の１行のみインデントを２文字分付ける*/
}
.ind3{
	text-indent: 3em;	/*最初の１行のみインデントを３文字分付ける*/
}
.ind4{
	text-indent: 4em;	/*最初の１行のみインデントを４文字分付ける*/
}
.word{
	padding-left: 1em;
	text-indent: -1em;	/*追加：台詞用*/
}
.word2{
	margin-top: 0.3em;
	margin-bottom: 0.3em; 	/*追加：台詞用、次の行下げない*/
}
.dash{
	padding-left: 2em;
	text-indent: -2em;
	margin-top: 0.3em;
	margin-bottom: 0.3em; 		/*追加：独話用*/
}
.cont-ind{
	margin-left: 1em;	/*このclassで囲った範囲全体にインデントを付ける*/
}
.cont-ind2{
	margin-left: 2em;	/*このclassで囲った範囲全体に２文字インデントを付ける*/
}
/*書体*/
.gothic{
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; /*--- ゴシック系 */
}
.mintyo{
	 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; /*--- 明朝系*/
}
.maru{
 	font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; /* --- 丸ゴシック系*/		
}
.italic{
 	font-style:italic;		/*追加：イタリック体*/
}
/*行間設定*/
.line2{
	margin-top: 2em; 
}
.line3{
	margin-top: 3em; 
}
.line4{
	margin-top: 4em; 
}
.line5{
	margin-top: 5em; 
}
/*文字色*/
.white{
	color: #fff;
}
.red{
	color: #f55050;
}
.blue{
	color: #4863f7;
}
.skyblue{
	color: #0dbeff;
}
.orange{
	color: #ff8914;
}
.green{
	color: #27c40b;
}
.gray{
	color: #888;
}

/*---背景色設定---*/
.bg-pink{
	background: #ff80b1;	/*"返信"の背景色*/
}
.bg-pinkorange{
	background: #ff7a61;	/*"いただきもの"の背景色*/
}
.bg-blue{
	background: #5c91e6;	/*"キリ番祝い"の背景色*/
}
.bg-green{
	background: #87d487;	/*"キリ番リクエスト"の背景色*/
}
.bg-grey{
	background: #f6f6f6;	/*"あとがき"の背景色*/
}
.bg-red{
	background: #ff6a56;
}
.bg-orange{
	background: #ffb44d;	/*"きまぐれのごったに"の背景色*/
}
.bg-blue2{
	background: #1C77C3;	/*MIDIページspecial thanksの背景色*/
}

/*---hr区切り線設定---*/
.hr01{
	border: none;
	border-bottom: 2px solid #ff751f;
}
.hr02{
	border: none;
	border-bottom: 2px dotted #ff751f;
}

/*---font-awesomeアイコン設定---*/
.icon:before{	/*アイコンを前に*/
    padding-right: 3px;
    font-family: "FontAwesome";
}
.icon-after:after{	/*アイコンを後に*/
    padding-left: 3px;
    font-family: "FontAwesome";
}
.thumbs:before{
	content: "\f164";	/*サムズアップ*/
}
.thumbs-o:before{
	content: "\f087";	/*白抜きサムズアップ*/
}
.heart:before{
    content: "\f004";	/*ハート*/
}
.mail:before{
    content: "\f0e0";	/*メール*/
}
.novel:before{
    content: "\f02d";	/*本*/
}
.image-o:before{
    content: "\f1c5";	/*画像*/
}
.music:before{
    content: "\f001"; 	/*音符*/
}
.home:before{
    content: "\f015";	/*ホーム*/
}
.star:before{
    content: "\f005";	/*星*/
}
.circle-o:before{
    content: "\f10c";	/*丸*/
}
.circle-right:before{
    content: "\f138";	/*右向き矢印（塗りつぶしサークル）*/
}
.reply:before{
    content: "\f112";	/*返信矢印*/
}
.present:before{
    content: "\f06b";	/*ギフト*/
}
.search:before{
	content: "\f002";	/*虫眼鏡*/
}
.external:before, .external-after:after{
	content: "\f14c";	/*外部リンク*/
}

/*ページ内navi*/
.innav{
	margin: 1% 0 2%;
	font-size: 0.9em;
}
.innav a{
	display: inline-block;
	margin:1% 2px;
	border: 1px solid #afaeae;
	text-align: center;
	padding: 0 10px;
	color: #7e7e7e;
	border-radius: 10px;
}
.innav a:before{
    padding-right: 3px;
    font-family: "FontAwesome";
    content: "\f107";
}

/*トップへ戻るボタン*/
.pagetop {
	position:fixed; /*固定*/
	bottom: 5%; right: 2%;
	display: block;
	background-color: rgba(253, 142, 68, 0.9);
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 22px;
	border-radius: 3px;
	padding-top: 30px;
	box-sizing: border-box;
}
a.pagetop{
	color: #fff;
}
.pagetop:before {
	content: "\f077";
	font-family: FontAwesome;
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
}
.pagetop:hover {
	opacity: 0.7;
}

/*---パンくずナビ---*/
#breadCrumbs{
	padding: 1% 0 0 1%;
	border-bottom: 1px dotted #ddd;/*下線を直線にしたい場合は、以下のスタイルを適用*/
	/*border-bottom: 1px solid #ddd;
	box-shadow:0px 1px 0px 0px #f2f2f2;
	-moz-box-shadow:0px 1px 0px 0px #f2f2f2;
	-webkit-box-shadow:0px 1px 0px 0px #f2f2f2;*/
}
#breadCrumbs ul li {
  display: inline;
  list-style-type: none;
}
#breadCrumbs ul li:before {
  content: " > ";
}
#breadCrumbs ul li:first-child:before {
  content:"";
}

/*---更新履歴table---*/
table#history{
	width: 90%;
}
table#history tr:nth-child(2n+1) {
    background: #fffeee;
}

table#history th{
	
}
table#history td{
	padding: 2%
}

/*---見出し---*/
.midashi01{
	font-weight: bold;
	margin: 3% 0 1%;
	border-left: 5px solid #ffd090;
	margin-left: 1%;
	padding: 1%;
	background: -webkit-linear-gradient(left, #f9f9f9 1%,#ffffff 57%,#ffffff 100%);
	background: linear-gradient(to right, #f9f9f9 1%,#ffffff 57%,#ffffff 100%);
}
.h-midashi01{
	color: #fff;
	background: #f82;
	padding: 1% 2%;
	display: inline-block;
	border-radius: 30px; 
}

.midashi02{
	background-color: #f82;
	color: #fff;
	font-size: 1.2em;
	padding: 0 0 1% 3%;
}
.midashi02 p{
	border-left: 1px solid #ffe;
	padding-left: 2%;
	letter-spacing: 10px;
}

/*---ラベル---*/
span.lavel{
	padding: none;
	padding: 1%;
	display: inline-block;
	border-radius: 20px;
}

/*---リスト---*/
ul.normalList{
	list-style-type: disc;
	margin: 0 3% 0 4%;
}
ul.normalList li{
	margin-bottom: 1%;
}
ul.normalList li:last-child{
	margin-bottom: 0;
}

/*---スライドリスト---*/
.accordion {
	width: 95%;
	margin: 0 0 5% 2%;
	padding: 0;
}
.accordion .ac-content {
	margin: 0;
}
.accordion input {
	display: none;
}
.accordion label {
	cursor: pointer;
	display: inline-block;
	color: #fd7777;
}
.accordion label:hover {
	color: #fa9b9b;
}
.accordion .ac-cont {
	margin-top: 1%;
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	border-radius: 3px;
}
.accordion input:checked + .ac-cont {
	height: auto;
}

/*---定義リスト---*/
dl.define{
	margin: 2% 1% 2% 0;
}
dl.define dt{
	border-left: 6px solid #f82;
	display: -webkit-flex;
	display: flex;
	padding: 3px;
}
dl.define dt span:first-child{
	margin-left: 2%;
}
dl.define dt span:last-child{
	margin-left: 1%;
	font-weight: bold;
}
dl.define dd{
	margin: 1.5% 0 3% 1%;
	padding: 1%;
	border: 1px solid #ddd;
	border-radius: 10px;
	position: relative;
	background: #fff;
}

/*吹き出し風設定*/
dl.define dd:after, dl.define dd:before {
	bottom: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
dl.define dd:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 9px;
	margin-left: -9px;
}
dl.define dd:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 10px;
	margin-left: -10px;
}
/*吹き出し風設定*/

dl.qanda{
	margin: 1%;
}
dl.qanda dt{
	padding: 1%;
	border-bottom: 1px dashed #dcdcdc;
	font-weight: bold;
}
dl.qanda dt:before{
    padding-right: 5px;
    font-family: "FontAwesome";
	content: "\f128";
	font-weight: normal;
}
dl.qanda dd{
	margin: 0 1em;
	padding: 5px;
}
/*---一個おきグレーtable---*/
table.simple {
	width: 100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.simple th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
}
table.simple td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.simple .even {
    background: #efefef;
}
/*---登場人物table---*/
table.chara {
	width: 90%;
	line-height: 150%;
	margin-left: auto;	/*--- 中央揃え用 ---*/
	margin-right: auto;
}
table.chara th {
	padding: 5px;
	font-weight: bold;
	font-size: 1.5em;
	vertical-align: top;
	text-align: left;
	color: #222;
}
table.chara td {
	padding: 5px;
	vertical-align: top;
}
td.nowrap {
	white-space: nowrap;	/*--- 改行しないマス ---*/
}
table.chara .link{
	background: #7cfc00;	/*--- 各見出しの背景色。必要に応じて追加 ---*/
}
table.chara .lucas{
	background: #ffd700;
}
table.chara .mario{
	background: #ff3333;
}
table.chara .luigi{
	background: #00cc00;
}
table.chara .peach{
	background: #ff80c4;
}
table.chara .samus{
	background: #ff6600;
}
table.chara .kirby{
	background: #ffb3db;
}
table.chara .metaknight{
	background: #3366ff;
}
table.chara .pit{
	background: #40e0d0;
}
table.chara .fox{
	background: #6b8e23;
}
table.chara .robot{
	background: #fafad2;
}
table.chara .galleom{
	background: #fa8072;
}
table.chara .duon{
	background: #ba55d3;
}
table.chara .tabuu{
	background: #00bfff;
}
/*--- リンク集用table ---*/
table.link {
	width: 80%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
	margin-left: auto;	/*--- 中央揃え用 ---*/
	margin-right: auto;
}
table.link th {
    width: 60%;
    padding: 10px;
    font-weight: bold;
    vertical-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #f3f6f7;
}
table.link td {
    width: 350px;
    padding: 10px;
    vertical-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
/*--- 台本風table ---*/
table.script {
	width: 80%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
	margin-left: auto;	/*--- 中央揃え用 ---*/
	margin-right: auto;
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
table.script td{
    vertical-align: top;
}
table.script td.bamen {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #f3f6f7;
}
table.script td.ichi {
    width: 12%;
    border-right: 1px solid #ccc;
}
table.script td.ni {
    width: 20%;
}
table.script td.togaki {
	padding-left: 2em;
}
table.script td.serif {
    text-indent: -1em;
	padding-left: 2em;
}

/*--- 埋め込み型てがろぐ用のCSS ---*/
div.hitokoto-body{
	width: 95%;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
}
div.hitokoto-box {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	margin: 10px 0;
}
div.hitokoto-poweredby {
	text-align: right;
}