@charset "UTF-8";.rtn-container,.rtn-content,.rtn-header{
	box-sizing:border-box
}

body,html{
	width:100%;
	height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%
}

.rtn-article,.rtn-attribute,.rtn-attribute-item,.rtn-code,.rtn-color-name,.rtn-color-pallet,.rtn-color-panel,.rtn-comment,.rtn-container,.rtn-content,.rtn-content img,.rtn-copyright,.rtn-drawer-trigger,.rtn-header,.rtn-heading2,.rtn-heading3,.rtn-icon,.rtn-icon-link,.rtn-link,.rtn-menu,.rtn-overview,.rtn-overview blockquote,.rtn-overview code,.rtn-overview div,.rtn-overview h1,.rtn-overview h2,.rtn-overview h3,.rtn-overview h4,.rtn-overview h5,.rtn-overview h6,.rtn-overview img,.rtn-overview li,.rtn-overview ol,.rtn-overview p,.rtn-overview pre,.rtn-overview strong,.rtn-overview ul,.rtn-pagetop,.rtn-pre,.rtn-preview,.rtn-reset,.rtn-reset :hover,.rtn-reset:after,.rtn-reset:before,.rtn-separate,.rtn-sidebar,.rtn-sub-heading,.rtn-title,.rtn-tooltip,body,html,svg.rtn-ripple{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	vertical-align:baseline;
	line-height:1;
	list-style:none;
	quotes:none;
	border-collapse:collapse;
	border-spacing:0;
	color:#333333;
	text-decoration:none;
	background:0 0
}

.rtn-article:after,.rtn-article:before,.rtn-attribute-item:after,.rtn-attribute-item:before,.rtn-attribute:after,.rtn-attribute:before,.rtn-code:after,.rtn-code:before,.rtn-color-name:after,.rtn-color-name:before,.rtn-color-pallet:after,.rtn-color-pallet:before,.rtn-color-panel:after,.rtn-color-panel:before,.rtn-comment:after,.rtn-comment:before,.rtn-container:after,.rtn-container:before,.rtn-content img:after,.rtn-content img:before,.rtn-content:after,.rtn-content:before,.rtn-copyright:after,.rtn-copyright:before,.rtn-drawer-trigger:after,.rtn-drawer-trigger:before,.rtn-header:after,.rtn-header:before,.rtn-heading2:after,.rtn-heading2:before,.rtn-heading3:after,.rtn-heading3:before,.rtn-icon-link:after,.rtn-icon-link:before,.rtn-icon:after,.rtn-icon:before,.rtn-link:after,.rtn-link:before,.rtn-menu:after,.rtn-menu:before,.rtn-overview blockquote:after,.rtn-overview blockquote:before,.rtn-overview code:after,.rtn-overview code:before,.rtn-overview div:after,.rtn-overview div:before,.rtn-overview h1:after,.rtn-overview h1:before,.rtn-overview h2:after,.rtn-overview h2:before,.rtn-overview h3:after,.rtn-overview h3:before,.rtn-overview h4:after,.rtn-overview h4:before,.rtn-overview h5:after,.rtn-overview h5:before,.rtn-overview h6:after,.rtn-overview h6:before,.rtn-overview img:after,.rtn-overview img:before,.rtn-overview li:after,.rtn-overview li:before,.rtn-overview ol:after,.rtn-overview ol:before,.rtn-overview p:after,.rtn-overview p:before,.rtn-overview pre:after,.rtn-overview pre:before,.rtn-overview strong:after,.rtn-overview strong:before,.rtn-overview ul:after,.rtn-overview ul:before,.rtn-overview:after,.rtn-overview:before,.rtn-pagetop:after,.rtn-pagetop:before,.rtn-pre:after,.rtn-pre:before,.rtn-preview:after,.rtn-preview:before,.rtn-reset :hover:after,.rtn-reset :hover:before,.rtn-reset:after,.rtn-reset:before,.rtn-separate:after,.rtn-separate:before,.rtn-sidebar:after,.rtn-sidebar:before,.rtn-sub-heading:after,.rtn-sub-heading:before,.rtn-title:after,.rtn-title:before,.rtn-tooltip:after,.rtn-tooltip:before,body:after,body:before,html:after,html:before,svg.rtn-ripple:after,svg.rtn-ripple:before{
	content:'';
	content:none
	text-decoration: none;
}

.rtn-article :hover,.rtn-attribute :hover,.rtn-attribute-item :hover,.rtn-code :hover,.rtn-color-name :hover,.rtn-color-pallet :hover,.rtn-color-panel :hover,.rtn-comment :hover,.rtn-container :hover,.rtn-content :hover,.rtn-copyright :hover,.rtn-drawer-trigger :hover,.rtn-header :hover,.rtn-heading2 :hover,.rtn-heading3 :hover,.rtn-icon :hover,.rtn-icon-link :hover,.rtn-link :hover,.rtn-menu :hover,.rtn-overview :hover,.rtn-pagetop :hover,.rtn-pre :hover,.rtn-preview :hover,.rtn-reset :hover,.rtn-reset:after :hover,.rtn-reset:before :hover,.rtn-separate :hover,.rtn-sidebar :hover,.rtn-sub-heading :hover,.rtn-title :hover,.rtn-tooltip :hover,body :hover,html :hover,svg.rtn-ripple :hover{
	color:#333333;
	text-decoration:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

.rtn-attribute:after,.rtn-attribute:before,.rtn-container:after,.rtn-container:before,.rtn-header:after,.rtn-header:before{
	content:" ";
	display:table;
}

.rtn-attribute:after,.rtn-container:after,.rtn-header:after{
	clear:both;
}

.rtn-code,.rtn-pre{
	font-size:14px;
	font-family:Consolas,'Liberation Mono',Courier,monospace;color:#333;
	background:#f8f8f8;
	border-radius:3px;
}

.rtn-pre{
	border:1px solid #cccccc;word-wrap:break-word;
	line-height:19px;
	margin-bottom:20px;
}

.rtn-pre .rtn-code{
	border:0;
	padding:0;
	margin:0;
	border-radius:0;
}

.rtn-pre .hljs{
	display:block;
	overflow-x:auto;
	padding:.5em;
	color:#333333;
	background:#f8f8f8;
	-webkit-text-size-adjust:none;
}

.rtn-pre .diff .hljs-header,.rtn-pre .hljs-comment,.rtn-pre .hljs-javadoc,.rtn-pre .hljs-template_comment{
	color:#999999;
	font-style:italic;
}

.rtn-pre .css .rule .hljs-keyword,.rtn-pre .hljs-keyword,.rtn-pre .hljs-request,.rtn-pre .hljs-status,.rtn-pre .hljs-subst,.rtn-pre .hljs-winutils,.rtn-pre .javascript .hljs-title,.rtn-pre .nginx .hljs-title{
	color:#333333;
	font-weight:700;
}

.rtn-pre .hljs-hexcolor,.rtn-pre .hljs-number,.rtn-pre .ruby .hljs-constant{
	color:teal;
}

.rtn-pre .hljs-dartdoc,.rtn-pre .hljs-phpdoc,.rtn-pre .hljs-string,.rtn-pre .hljs-tag .hljs-value,.rtn-pre .tex .hljs-formula{
	color:#dd1144;
}

.rtn-pre .hljs-id,.rtn-pre .hljs-title,.rtn-pre .scss .hljs-preprocessor{
	color:#990000;
	font-weight:700;
}

.rtn-pre .hljs-list .hljs-keyword,.rtn-pre .hljs-subst,.rtn-pre .javascript .hljs-title{
	font-weight:400;
}

.rtn-pre .hljs-class .hljs-title,.rtn-pre .hljs-type,.rtn-pre .tex .hljs-command,.rtn-pre .vhdl .hljs-literal{
	color:#445588;
	font-weight:700;
}

.rtn-pre .django .hljs-tag .hljs-keyword,.rtn-pre .hljs-rules .hljs-property,.rtn-pre .hljs-tag,.rtn-pre .hljs-tag .hljs-title{
	color:navy;
	font-weight:400;
}

.rtn-pre .hljs-attribute,.rtn-pre .hljs-variable,.rtn-pre .lisp .hljs-body{
	color:teal;
}

.rtn-pre .hljs-regexp{
	color:#009922;
}

.rtn-pre .clojure .hljs-keyword,.rtn-pre .hljs-prompt,.rtn-pre .hljs-symbol,.rtn-pre .lisp .hljs-keyword,.rtn-pre .ruby .hljs-symbol .hljs-string,.rtn-pre .scheme .hljs-keyword,.rtn-pre .tex .hljs-special{
	color:#990077;
}

.rtn-pre .hljs-built_in{
	color:#0088bb;
}

.rtn-pre .hljs-cdata,.rtn-pre .hljs-doctype,.rtn-pre .hljs-pi,.rtn-pre .hljs-pragma,.rtn-pre .hljs-preprocessor,.rtn-pre .hljs-shebang{
	color:#999999;
	font-weight:700;
}

.rtn-pre .hljs-deletion{
	background:#ffdddd;
	background:lightgreen;/*茨城クラブ*/
}

.rtn-pre .hljs-addition{
	background:#ddffdd;
}

.rtn-pre .diff .hljs-change{
	background:#0088bb;
}

.rtn-pre .hljs-chunk{
	color:#aaaaaa;
}

.rtn-header{
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	background:#3355bb;
	background:lightgreen;/*茨城クラブ*/
	height:136px;/*64px;*/
	height:100px;
	padding:0 20px;
	box-shadow:0 5px 6px -3px rgba(0,0,0,.4);
}

.rtn-header .rtn-link{
	color:black;/*#ffffff*/
}

.rtn-header .rtn-title{
	color:black;/*#ffffff*/
	letter-spacing:2px;
	line-height:64px;
	font-size:24px;
	float:left;margin:0;
}

.rtn-header .rtn-title a{
	color:black;/*#ffffff*/
	text-decoration:none;
}

.rtn-header .rtn-copyright{
	color:black;/*#ffffff*/
	float:right;
	line-height:128px;
	font-size:11px;
}

.rtn-header .rtn-drawer-trigger{
	float:left;
	line-height:64px;
	color:black;/*#ffffff*/
	font-size:20px;
	cursor:pointer;
}

.rtn-header .rtn-icon-link{
	overflow:hidden;
	border-radius:50px;
	padding:20px;
	color:black;/*#ffffff*/
}

.rtn-container{
	width:100%;
	height:100%;
	padding-top:64px;
	position:relative;
}

.rtn-container .rtn-pagetop{
	position:fixed;
	right:15px;
	bottom:15px;
	-webkit-transform:scale(0,0);
	-ms-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition:400ms cubic-bezier(.17,.67,.47,1.31)-webkit-transform;transition:400ms cubic-bezier(.17,.67,.47,1.31)transform;
}

.rtn-container .rtn-pagetop .rtn-icon{
	background:#ffffff;
	padding:15px;
	border-radius:50px;
	box-shadow:0 0 6px rgba(0,0,0,.4);
}

.rtn-container .rtn-pagetop .rtn-icon:hover,.rtn-sidebar{
	background:#f8f8f8;
}

.rtn-container .rtn-pagetop.rtn-show{
	-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);
}

.rtn-sidebar{
	overflow:auto;
	padding-top:64px;
	width:250px;
	height:100%;
	position:fixed;
	z-index:2;
	top:0;left:0;
	box-shadow:1px 0 2px #eee;
	-webkit-transition:300ms cubic-bezier(.55,0,.1,1)margin;
	transition:300ms cubic-bezier(.55,0,.1,1)margin;
}

.rtn-sidebar .rtn-menu{
	position:relative;
	padding:20px 12px;
	display:block;
	border-bottom:1px solid #cccccc;box-shadow:0 1px 0 #ffffff;
}

.rtn-sidebar .rtn-menu.rtn-is-active{
	background:#eeeeee;
}

.rtn-sidebar .rtn-menu.rtn-is-active::after{
	font-size:12px;
	font-family:fontawesome;
	content:"!";
	position:absolute;
	right:1em;
}

.rtn-sidebar .rtn-separate{
	padding:10px 0;border:0;display:block
}

.rtn-content{
	width:100%;
	padding:20px 20px 20px 270px;
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
	-webkit-transition-timing-function:cubic-bezier(.55,0,.1,1);
	transition-timing-function:cubic-bezier(.55,0,.1,1);
	-webkit-transition-property:margin,padding,-webkit-filter,margin,padding,filter;transition-property:margin,padding,filter
}

.rtn-heading2{
	font-size:32px;
	margin:.5em 0 1em;
}

.rtn-heading2 .rtn-sub-heading{
	font-size:14px;
	color:#666;
	word-break:break-all;
}

.rtn-heading3{
	font-size:24px;
]	margin:2em 0 1em;
}

.rtn-attribute{
	display:block;
}

.rtn-attribute .rtn-attribute-item{
	font-size:12px;
	display:inline-block;
	padding:4px 10px;
	border-radius:3px;
	box-shadow:rgba(0,0,0,.14902)0 1px 1px 0,rgba(0,0,0,.09804)0 1px 2px 0;
	margin-right:5px;
	background:#f8f8f8;
}

.rtn-attribute .rtn-attribute-item.rtn-attribute-deprecated{
	background:#cc4433;
	color:#ffffff;
}

.rtn-attribute .rtn-attribute-item.rtn-attribute-todo{
	background:##ffbb00;
	color:#ffffff;
}

.rtn-comment{
	font-size:14px;margin:1em 0;line-height:1.4
}

.rtn-preview{
	position:relative;
	padding:45px 20px 30px;
	border:1px solid #cccccc;
	border-radius:2px;
	margin:2em 0;
}

.rtn-pre::after,.rtn-preview::after{
	font-size:12px;
	color:#999999;
	border-radius:0 0 3px;
}

.rtn-preview::after{
	content:'preview';
	background:#eeeeee;
	padding:4px 10px;
	position:absolute;
	top:0;left:0;
}

.rtn-pre{
	position:relative;
	padding:34px 20px 22px;
	background:#fafafa;
}

.rtn-pre .rtn-icon{
	position:absolute;
	top:.5em;
	right:1em;
	cursor:pointer;
}

.rtn-pre::after,svg.rtn-ripple{
	position:absolute;
	top:0;left:0;
}

.rtn-pre .rtn-code{
	display:block;
	line-height:1.4;
	overflow:auto;
}

.rtn-overflow,svg.rtn-ripple{
	overflow:hidden;
}

.rtn-pre .rtn-code:focus{
	outline:0;
}

.rtn-pre::after{
	content:'code';
	background:#eeeeee;
	padding:4px 10px;
}

svg.rtn-ripple{
	pointer-events:none;
	width:100%;
	height:100%;
	z-index:-1;
}

svg.rtn-ripple circle{
	fill:rgba(255,255,255,.7);
}

.rtn-mobile-visible{
	display:none;
}

.rtn-pc-visible{
	display:block;
}

.rtn-overflow .rtn-sidebar{
	margin-left:0
}

.rtn-overflow .rtn-content{
	padding:20px;
	margin-left:250px;
	-webkit-filter:blur(5px);
	filter:blur(5px);
}

.rtn-overflow .rtn-content::after{
	content:'';
	position:absolute;
	top:-5px;
	left:-5px;
	right:-5px;
	bottom:-5px;
	background:rgba(255,255,255,.3);
}

.rtn-tooltip{
	position:fixed;
	top:0;
	left:0;
	display:none;
	background:#ffffff;
	border-radius:3px;
	box-shadow:0 0 6px #999999;
	padding:.25em 1em;
	font-size:16px;
}

.rtn-color-pallet{
	margin:0 12px 12px 0;
	display:inline-block;
}

.rtn-color-pallet .rtn-color-name{
	font-size:16px;
	white-space:nowrap;
}

.rtn-color-pallet .rtn-color-panel{
	display:block;
	height:100px;
	border:1px solid #cccccc;
}

.rtn-overview blockquote,.rtn-overview code,.rtn-overview div,.rtn-overview h1,.rtn-overview h2,.rtn-overview h3,.rtn-overview h4,.rtn-overview h5,.rtn-overview h6,.rtn-overview img,.rtn-overview li,.rtn-overview ol,.rtn-overview p,.rtn-overview pre,.rtn-overview strong,.rtn-overview ul{
	line-height:1.5;
}

.rtn-overview h1{
	font-size:3em;
}

.rtn-overview h2{
	font-size:2.25em;
}

.rtn-overview h3{
	font-size:2em;
}

.rtn-overview h4{
	font-size:1.5em;
}

.rtn-overview h5{
	font-size:1.3em;
}

.rtn-overview h6{
	font-size:1em;
}

.rtn-overview blockquote{
	position:relative;
	border:1px solid #eeeeee;
	padding:30px;
	margin:10px 0;
}

.rtn-overview blockquote:after,.rtn-overview blockquote:before{
	font-size:48px;
	position:absolute;
	color:#eee;
}

.rtn-overview blockquote:before{
	line-height:1;
	content:'“';
	top:5px;
	left:5px;
}

.rtn-overview blockquote:after{
	content:'”';
	bottom:5px;
	right:5px;
	line-height:0;
}

.rtn-overview pre{
	background:#f8f8f8;
	border:1px solid #cccccc;
	margin:10px 0;
	padding:15px;
}

.rtn-overview b,.rtn-overview strong{
	font-weight:700;
}

.rtn-overview ol,.rtn-overview ul{
	margin-bottom:1em;
	padding-left:20px;
}

.rtn-overview ul,.rtn-overview ul li{
	list-style-type:disc;
}

.rtn-overview ol,.rtn-overview ol li{
	list-style-type:decimal;
}

@media screen and (max-width:480px){
	.rtn-copyright{
	display:none;
	}
}

@font-face{
	font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.1.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0)format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff?v=4.1.0)format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.1.0)format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular)format("svg");
	font-weight:400;
	font-style:normal;
}

.rtn-icon{
	position:relative;
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400;
	line-height:1;
}

@media screen and (max-width:680px){
	.rtn-content{
	padding:20px;
}

.rtn-sidebar{
	margin-left:-250px;
}

.rtn-mobile-visible{
	display:block;
}

.rtn-pc-visible{
	display:none;
}
