@charset "utf-8";
/* CSS Document */

@charset "utf-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/*コンテンツ全包含に関する記述*/

#htmlCON{
	overflow-y:scroll;
}

#wrapper{
	display: none;

	width:100%;
	height:100%;
}




/*ボディに関する記述*/

body{
	display: block;

	width:100%;
	height:100%;

	margin:0px;
	border:none;
	padding:0px;
	padding-bottom: 100px;

	overflow-x:hidden;
	overflow-y:hidden;

    color:black;
    background-color:black;
	background-image: url(img/SI/BG_tex2.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;

	font-family: arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
	text-align: center;

	z-index:-1000;
}

#body_bgcA{
	background-color:#91B71E;
}
#body_bgcB{
	background-color:#DE410C;
}
#body_bgcC{
	background-color:#0085D5;
}
#body_bgcSP{
	background-color:lightgray;
	overflow-x:hidden;
	overflow-y:auto;
}



/*背景フルスクリーンに関する記述*/

#FSBG {		/*背景フルスクリーン画像*/
  width: 100%;
  height: auto;

  min-height: 100%;
  min-width: 1024px;

  position: fixed;
  top: 0;
  left: 0;

	z-index:-999;
}

#bg_movie {	/*背景フルスクリーン映像*/
  display:none;
  position: fixed;
  left: 0;
  top: 0;
  min-width:100%;
  min-height:100%;
  z-index:-999;
}

#bg_movie_loading{		/*背景映像読込中*/
  width: 100%;
  height: auto;

  min-height: 100%;
  min-width: 1024px;

  position: fixed;
  top: 0;
  left: 0;

	z-index:-998;
}




/*上下固定バーに関する記述*/

.menu{		/*上部固定メニュー*/
	display:block;

	width: 300%;
	height: 40px;

	margin:0;
	border:0;
	padding:0;

	overflow:visible;
	float:none;

	position: fixed;
	top: 0px;
	left: -100%;

    color:black;
    background-color:white;
	text-align: center;

	z-index:1000;

}

Footer{		/*下部固定メニュー*/
	display:block;

	width: 100%;
	height: 40px;

	margin:0px;
	border:0px;
	padding:0px;

	overflow:visible;
	float:none;

	position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;

    color:white;
    background-color:black;
	text-align: center;

	z-index:999;
}




/*TOPページに関する記述*/



	/*スクリーンに関して*/
#LogoScreen {
	display: none;

	width:100%;
	height:100%;
	margin:0px;
	border:none;
	padding:0;
	padding-top:5%;
	padding-left:10%;

	position:absolute;
	top:0px;
	left:0px;

    background-color:#E8E8E8;
	opacity:0.8;
	overflow:hidden;

	background-image: url(img/SI/BG_dot.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;

	z-index:-900;
}
#AboutScreen {
	display: none;

	width:100%;
	height:100%;
	margin:0px;
	border:none;
	padding:0;
	padding-top:5%;
	padding-left:10%;

	position:absolute;
	top:0px;
	left:0px;

    background-color:#83BD09;
	opacity:0.8;
	overflow:hidden;

	background-image: url(img/SI/BG_dot.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;

	z-index:-900;
}
#AnimeScreen {
	display: none;

	width:100%;
	height:100%;
	margin:0px;
	border:none;
	padding:0;
	padding-top:5%;
	padding-left:10%;

	position:absolute;
	top:0px;
	left:0px;

    background-color:#FF5220;
	opacity:0.8;
	overflow:hidden;

	background-image: url(img/SI/BG_dot.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;

	z-index:-900;
}
#IllustScreen {
	display: none;

	width:100%;
	height:100%;
	margin:0px;
	border:none;
	padding:0;
	padding-top:5%;
	padding-left:10%;

	position:absolute;
	top:0px;
	left:0px;

    background-color:#2C9CF8;
	opacity:0.8;
	overflow:hidden;

	background-image: url(img/SI/BG_dot.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;

	z-index:-900;
}


	/*ボディに関して*/
TOPbody {
	display: block;

	width:100%;
	height:auto;

	margin:0px;
	border:none;
	padding-top:15%;
	padding-left:0px;
	padding-bottom:40px;
	padding-right:0px;

	overflow-x:hidden;
	overflow-y:auto;

    color:black;
    background-color:transparent;

	text-align:center;

	z-index:;
}

top_Icon {		/*HOMEのアイコン用*/
	display:block;
	margin: 0px;
	width:100%;
	position: absolute;
	top: ;
	float:none;

	text-align:center;
	z-index:100;
}
#table_top {	/*テーブルトップ仕様*/
	margin:0 auto;
}
#td_top {	/*テーブルトップ仕様*/
	text-align:center;

	margin:0px;
	border:0px;
	padding:0px;
}






/*CONTENTSページに関する記述*/

#WRAPbody {
	display: block;

	width:100%;
	height:100%;
	margin:0;
	border:none;
	padding:0;

	position:absolute;
	top:0px;
	left:0px;

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:300px;
	font-weight:lighter;
	text-align:left;
	color:white;
	background-color:transparent;
	opacity:0.5;

	z-index:-900;
}

CONbody {	/*ボディに関して*/
	display: block;

	width:80%;
	max-width:1200px;
	height:auto;
	min-height:100%;

	margin:0 auto;
	margin-top:7%;
	margin-bottom:60px;
	border:none;
	padding:0;
	padding-left:0px;
	padding-bottom:20px;

	overflow-x:hidden;
	overflow-y:auto;

    color:black;
	background-color:transparent;

	text-align:center;

	z-index:;
}
#CONbody_SP{	/*例外ページ仕様*/
	padding-top:10px;
    background-color:rgba(230,230,230,0.9);

	overflow-x:hidden;
	overflow-y:auto;
}

#CONa {
	display: block;

	width:95%;
	height:auto;
	margin:0 auto;
	border:solid 1px gray;
	padding:1% 3%;

	position:relative;
	top:auto;
	left:auto;

    background-color:white;
	overflow:hidden;

	text-align:left;
	font-family: "メイリオ",Meiryo;
	word-break:normal;
	font-size:15px;
        font-weight:normal;

	z-index:;
}

#CONb {
	display: none;

	width:95%;
	height:auto;
	margin:0 auto;
	border:solid 1px gray;
	padding:1% 3%;

	position:relative;
	top:auto;
	left:auto;

    background-color:white;
	overflow:hidden;

	text-align:left;
	font-family: "メイリオ",Meiryo;
	word-break:normal;
	font-size:15px;
        font-weight:normal;

	z-index:;
}

#CONc {
	display: none;

	width:95%;
	height:auto;
	margin:0 auto;
	border:solid 1px gray;
	padding:1% 3%;

	position:relative;
	top:auto;
	left:auto;

    background-color:white;
	overflow:hidden;

	text-align:left;
	font-family: "メイリオ",Meiryo;
	word-break:normal;
	font-size:15px;
        font-weight:normal;

	z-index:;
}

#CONsp {
	display: block;

	width:95%;
	height:auto;
	margin:0 auto;
	border:none;
	padding:0px;

	position:relative;
	top:auto;
	left:auto;

    background-color:#CACACA;
	overflow:hidden;

	background-image: url(img/SI/BG_tex1.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;

	z-index:;
}


		/* 以下、各種コンテンツ内部について */


/*iframeに関する記述*/
iframe{

}

/*テーブルに関する記述*/
table {
	margin:0;
	border:none;
	padding:0;

	border-collapse:collapse;
	border-style:hidden;
	vertical-align:middle;

	text-align:center;
}
td {
	text-align:left;

	margin:0;
	border:0;
	padding:0;
}
#td_menu {	/*テーブルメニュー仕様*/
	text-align:center;

	margin:0;
	border:0;
	padding:0;

	vertical-align:bottom;
}
#img_td {	/*メニュー画像仕様*/
	width:100%;
	max-width:200px;
	height:auto;
}


/*iframeに関する記述*/



/*画像に関する記述*/
img {
	margin:0;
	padding:0;
	border: none;

	vertical-align: middle;
}




/* ◆アバウト◆ */
	/* 【プロフィール】 */
#img_a{
	width:100%;
	max-width:1000px;
	height:auto;
}
	/* 【ブックマーク】 */
hABb0{
	display:block;
	width:100%;
	height:100%;

	margin:0;
	border:none;
	padding:1% 10%;

	color:black;
	background-color:#E7E7E7;

	text-align:left;
}
hABb1{
	display:block;
	width:100%;
	height:100%;

	margin:0;
	border:none;
	padding:1% 10%;

	color:black;
	background-color:whitesmoke;

	text-align:left;
}
hABb2 {	/* bookmark識別 */
	display:block;
	height:22px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-left:5%;

	font-family:"Lucida Console", Monaco, monospace;
		font-size:20px;
        font-weight:100;
	text-align:left;

	color:white;
	background-color:lightgray;
}


/* ◆アニメ◆ */
	/* 【オリジナル】 */
hAo0{
	display:block;
	width:100%;
	height:100%;

	margin:4% 0 10% 0%;
	border:none;
	padding:0 5%;

	color:black;
	background-color:black;

	background-image: url(img/SI/BG_tex1.png);
        background-repeat: repeat;
		background-attachment: fixed;
		background-position: center top;
}
AniI{
	display:block;
	width:100%;
	height:auto;

	position:relative;
	top:0;
}
AniI img{
	width:100%;
	height:auto;
}
#tbAo0{	/* 包含テーブルについて */
	width:100%;
	height:100%;
}
#tdAo1{	/* セル内サムネイル */
	display:compact;
	width:60%;
	height:100%;

	margin:0;
	border:0;
	padding:0;

	background-color:transparent;
}
#tdAo2{	/* セル内タイトル */
	display:compact;
	width:auto;
	height:100%;

	margin:0;
	border:0;
	padding:0;

	background-color:transparent;
}
#AoB1{	/* ボタン */
	display:block;
	width:60%;
	max-width:614px;
	height:auto;

	margin:0;
	border:0;
	padding:0;

	position:absolute;
	top:0;
}
#AoB2{	/* ボタンカバー */
	display:block;
	width:60%;
	max-width:614px;
	height:auto;

	margin:0;
	border:0;
	padding:0;

	position:absolute;
	top:0;
}

	/* 【お仕事動画】 */
hAw0{	/* 日付 */
	display:block;
	width:100%;
	height:auto;

	margin:0;
	margin-top:1%;
	border:0;
	padding:0;

		font-size:12px;
        font-weight:normal;
	text-align:left;
		word-break:break-all;

	color:silver;
	background-color:transparent;
}
hAw1{
	display:block;
	width:100%;
	height:100%;

	margin:0;
	border:solid 1px gray;
	padding:0;

	color:black;
	background-color:#E7E7E7;
}
#tbAw0{
	width:100%;
	height:100%;
}
#tdAw1{	/* 仕事内容 */
	display:compact;
	width:60%;
	height:auto;

	margin:0;
	border:0;
	padding:0;
	padding-top:1%;
	padding-bottom:1%;

		font-size:22px;
        font-weight:normal;
	text-align:center;
	vertical-align:middle;

	color:black;
	background-color:transparent;
}
#tdAw2{	/* 役割 */
	display:compact;
	width:auto;
	height:auto;

	margin:0;
	border:0;
	padding:0;
	padding-left:2%;
	padding-top:1%;
	padding-bottom:1%;

		font-size:18px;
        font-weight:normal;
	text-align:left;
	vertical-align:middle;

	color:black;
	background-color:lightgray;
}
hAw2{	/* 共同制作者等 */
	display:block;
	width:100%;
	height:auto;

	margin:0;
	margin-bottom:1%;
	border:0;
	padding:0;

		font-size:12px;
        font-weight:normal;
	text-align:right;
		word-break:break-all;

	color:silver;
	background-color:transparent;
}

	/* 【GIF】 */
.img_gif {	/* 画像特性 */
	margin:1% 2%;
	margin-bottom:1%;

	width:50%;
	max-width:300px;
	height:auto;
}
hAg0 {	/* gif識別 */
	display:block;
	height:24px;
	margin:0;
	margin-top:1%;
	padding:0;
	padding-top:8px;
	padding-left:3%;

	font-family:"Lucida Console", Monaco, monospace;
		font-size:20px;
        font-weight:100;
	text-align:left;

	color:#E7E7E7;
	background-color:silver;
}
hAg1 {	/* gif */
	display:block;
	margin:0;
	margin-bottom:2%;
	padding:0;
	padding-bottom:1%;

	width:100%;
	height:100%;

	text-align:left;
	word-break:break-all;

	background-color:#E7E7E7;
}

	/* 【詳細ページ】 */
ANIbody {	/*ボディに関して*/
	display: block;

	width:90%;
	max-width:1200px;
	height:auto;
	min-height:100%;

	margin:2% auto 60px auto;
	border:none;
	padding:0;
	padding-bottom:20px;

	overflow-x:hidden;
	overflow-y:auto;

    color:black;
	background-color:;

	text-align:center;

	z-index:;
}
#ANI_bg {	/*背景フルスクリーン*/
  display:block;
  min-width:100%;
  min-height:100%;

  position: fixed;
  left: 0;
  top: 0;

  opacity:0.5;
  z-index:-999;
}
ANI_text{	/*カテゴリ題名*/
	display:block;
	width:100%;
	height:auto;

	margin:1% auto;
	border:none;
	border-bottom:double 3px gray;
	padding:2% 5% 0 5%;

	color:gray;
	background-color:transparent;

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:100;
	text-align:left;
}
ANIss {	/* スクリーンショット */
	display:block;
	width:100%;
	height:100%;
	margin:2%% 5%;
	padding:0;

	text-align:center;
	word-break:break-all;

	background-color:transparent;
}
#img_aniss {	/* 画像特性 */
	margin:0 1px;
	margin-bottom:3%;
	height:144px;
	width:256px;
}
#tb_ANI{	/*テーブル仕様*/
	width:60%;
	height:100%;
	margin:2% auto;
	border:none;
	padding:2%;

	text-align:center;
	font-size:18px;
	font-weight:100;
	color:#555555;
}
#td_ANI1{
	border:none;
	border-bottom:dotted 1px gray;
	border-collapse:collapse;
	padding:4% 2% 0 5%;
	text-align:right;
}





/* ◆イラスト◆ */
#img_i {	/* 画像特性 */
	margin:0 1px;
	margin-bottom:3%;
	height:20%;
	max-height:150px;
	width:auto;
}
hi0 {	/* 年表 */
	display:block;
	height:22px;
	margin:0;
	margin-top:2%;
	border:none;
	border-bottom:dotted 1px gray;
	padding:0;
	padding-left:5%;

	font-family:Georgia, "Times New Roman", Times, serif;
		font-size:22px;
        font-weight:100;
	text-align:left;

	color:gray;
	background-color:#E7E7E7;
}
hi1 {	/* イラスト */
	display:block;
	width:100%;
	height:100%;
	margin:1% 0;
	padding:0;

	text-align:left;
	word-break:break-all;

	background-color:transparent;
}




/*彷徨日記に関する記述*/
dy0{	/*題名*/
	display:block;
	font-family: "メイリオ",Meiryo, serif;
	word-break:normal;
	font-size:20px;
        font-weight:400;
	margin:3% 10%;
        border:solid 1px gray;
        padding:0;
		padding-top:1%;
	height:auto;
	color:black;
	background-color:lightgray;
	text-align:left;
}
dyAudio{	/*朗読*/
	display:block;
	margin:0;
	margin-top:-4%;
        border:none;
        padding:0;
	height:auto;
	width:auto;
	background-color:transparent;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
}
dy1{	/*日付*/
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	word-break:normal;
	font-size:12px;
        font-weight:lighter;
	margin:0;
	margin-top:-1%;
        border:none;
        padding:0 5%;
	height:auto;
	color:gray;
	background-color:transparent;
	text-align:right;
}
dy2{	/*本文*/
	display:block;
	font-family: "メイリオ",Meiryo, serif;
	word-break:normal;
	font-size:16px;
        font-weight:400;
	margin:0;
        border:none;
        padding:1% 2%;
	height:auto;
	background-color:#E9E9E9;
	text-align:left;
}


/* 旧・彷徨日記用など */
h10{
	display:block;
	font-size:20px;
        font-weight:500;
	height:30px;
        border:none;
        padding-top:2px;
        padding-left:40px;
        padding-right:5px;
        padding-bottom:2px;
	margin:5px;
	color:black;
	background-color:lightgrey;
	text-align:left;
}
h11{
	display:block;
	font-family: "メイリオ",Meiryo;
	word-break:normal;
	font-size:15px;
        font-weight:normal;
        border:none;
        padding-top:6px;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:6px;
	margin:5px;
	margin-top:-5px;
	height:auto;
	color:black;
	background-color:whitesmoke;
	text-align:left;
}












/* マウス乗せた時のリンクの色 */
A{
      color: black;
      text-decoration: none;
      background: none;
}
A:link{
       color: blue;
       text-decoration: none;
       background: none;
}
A:link:hover{
       color: red;
       text-decoration: blink;
       background: none;
}
A:link:active{
       color: purple;
       text-decoration: none;
       background: none;
}
A:visited{
       color: DodgerBlue;
       text-decoration: none;
       background: none;
}
A:visited:hover{
       color: red;
       text-decoration: blink;
       background: none;
}
A:visited:active{
       color: purple;
       text-decoration: none;
       background: none;
}



		/*! Lity - v2.3.1  */

.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}


		/* ShadowBox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{
	font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;
}

#sb-container{
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:9999;
	text-align:left;
	visibility:hidden;
	display:none;
}

#sb-overlay{
	position:relative;
	height:100%;
	width:100%;
}

#sb-wrapper{
	position:absolute;
	visibility:hidden;
	width:100px;
}

#sb-wrapper-inner{
	position:relative;
	border:none;
	overflow:hidden;
	height:100px;
}

#sb-body{
	position:relative;
	height:100%;
}

#sb-body-inner{
	position:absolute;
	height:100%;
	width:100%;
}

#sb-player.html{
	height:100%;
	overflow:auto;
}

#sb-body img{
	border:none;
}

#sb-loading{
	position:relative;
	height:100%;
}

#sb-loading-inner{
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}

#sb-loading-inner span{
	background:url("img/SI/loading.gif") no-repeat;
	padding-left:34px;
	display:inline-block;
}

#sb-body,#sb-loading{
	background-color:#060606;
}

#sb-title,#sb-info{
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

#sb-title,#sb-title-inner{
	height:26px;
	line-height:26px;
}

#sb-title-inner{
	font-size:16px;
}

#sb-info,#sb-info-inner{
	height:20px;
	line-height:20px;
}

#sb-info-inner{
	font-size:12px;
}

#sb-nav{
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}

#sb-nav a{
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}

#sb-nav-close{
	background-image:url("img/SI/close.png");
}

#sb-nav-next{
	background-image:url("img/SI/next.png");
}

#sb-nav-previous{
	background-image:url("img/SI/previous.png");
}

#sb-nav-play{
	background-image:url("img/SI/play.png");
}

#sb-nav-pause{
	background-image:url("img/SI/pause.png");
}

#sb-counter{
	float:left;
	width:45%;
}

#sb-counter a{
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}

#sb-counter a.sb-counter-current{
	text-decoration:underline;
}

div.sb-message{
	font-size:12px;
	padding:10px;
	text-align:center;
}

div.sb-message a:link,div.sb-message a:visited{
	color:#fff;
	text-decoration:underline;
}





/*! Waveボタン */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1;
}