/* 目次のための cssスタイル */
#toc-container {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 10; /*他の要素よりも上に表示*/
}
#toc {
  /* 目次のスタイル */
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-combine-upright: all; /* すべて縦方向に表示 */
  font-size:20px;
  padding: 3px;
}


/* マウスホバーで文字を拡大 */
.magnifying-glass {
	display: inline-block;
	transition: all .3s ease 0s;
	text-decoration: none;
}
.magnifying-glass:hover {
	cursor: pointer;
	transform-origin: left;
	transform: scale(1.3);
	text-decoration: none;
	background: #fdbb57;
	color: #222;
}

/* ページトップに戻るためのボタンを作っている */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 195px;
    z-index: 10000;
}
#page-top a {
    background: #f069e4;
    text-decoration: none;
    color: #333;
    width: 60px;
    padding-top: 30px;
    display: block;
    box-sizing: border-box;
    border: 0px solid #999;
    text-align: center;
    letter-spacing: -1px;
    font-size: 100%;
    opacity: 0.9;
    position: relative;
    border-radius: 10px;

}
#page-top a:hover {
    text-decoration: none;
    opacity: 1;
    background: #3CB371;
}
#page-top a::before {
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 20%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}

/* マウスホバーで見え隠れ */
.mouseans {
	display: inline-block;
	padding: 0.3em 2em 0em 0.5em;
	margin: 0em 0em 0.5em 0em;
	background: #f8f8f8;
	border: 1px dashed #4abda8; /* 枠線指定 太さ、点線、色 */
	color: #f8f8f8;
	cursor: pointer;
	transition: all 0.12s ease 0s;
}
.mouseans:hover {
	background: #ffffff;
	color: #000000;
        border: 1px dashed #ffffff;
}

/* css で 表示/非表示 の Anserボタンを作っている。 */
.BT_anser {
    color: #ffffff;
    display: inline-block; /* input タグ内で class 指定しても、改行しない */
    text-decoration: none;
    width: auto;
    left: -5em;
    position: relative; /* ボタン回転を中心にする事に関係している */
    perspective: 300px;
    -webkit-perspective: 300px;
}
 
.BT_anser span {
    text-align: center;
    display: inline-block; /* input タグ内で class 指定しても、改行しない */
    width: auto;
    padding: 0.2em 0.3em 0em 0.3em;
    bottom: -0.5em;
    left: -0.2em;
    background-color: #a7dd7d;
    position:absolute; /* ボタン回転を中心にする事に関係している */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition-property: all;
    transition-timing-function: ease-in-out;
    transition-duration: 0.23s;
    transition-delay: 0s;
}
.BT_anser .open {
    background-color: #61a84d;
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
 
.BT_anser:hover .close {
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
 
.BT_anser:hover .open {
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
}

div.pico_breadcrumbs{
	font-size			:1.2em;
	padding				:8px 5px 6px;
	border-bottom			:1px #aaa solid;
	background			:#eeeeee;}

.pico_body{
	margin				:0 -2px;
	padding				:15px 8px;
	font-size			:14px;
	font-family			:メイリオ;
	line-height			:1.4em;
	letter-spacing			:0.07em;}

/* +, - アイコンのアコーディオン CSS */
.accordion {
/* margin: 0em auto; */
width: fit-content;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #ccc;
padding: 0.5em 0.5em 0.5em 2.0em;
display: block;
color: #333;
font-weight: bold;
background: #4ea6d13d;
}
.title::after,
.title::before {
content: "";
position: absolute;
left: 1.0em;
top: 0.8em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
border: solid 1px #ebc894;
margin: 2px;
padding: 0.5em 1em 1em 2em;
font-size: 1.0em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

/* もともとの CSS */
div.pico_menu h1 { margin: 18px 0 0 0; padding: 3px; background-color:#eee;}
div.pico_menu h2 { margin: 18px 0 0 10px; padding: 3px; background-color:#eee; }
div.pico_menu h3 { margin: 18px 0 0 20px; padding: 3px; background-color:#eee; }
div.pico_menu h4 { margin: 18px 0 0 30px; padding: 3px; background-color:#eee; }
div.pico_menu h5 { margin: 18px 0 0 40px; padding: 3px; background-color:#eee; }
div.pico_menu div.level1 { margin-left: 0; }
div.pico_menu div.level2 { margin-left: 10px; }
div.pico_menu div.level3 { margin-left: 20px; }
div.pico_menu div.level4 { margin-left: 30px; }
div.pico_menu div.level5 { margin-left: 40px; }

em.pico_notice { font-weight: bold; font-style: normal; color: #FF0000; }


div.pico_controllers_in_menu { float: right; position: relative; top : -1.5em;}

div.bottom_of_content_body { clear: right; }

ul.pico_list_contents li { list-style: none outside; }
ul.pico_list_contents_in_menu li { list-style: none outside; }

div.pico_print_icon { float: right; width: 40px; height: 40px; }
div.pico_tellafriend_icon { float: right; width: 40px; height: 40px; }
div.pico_vote form { display: inline; }

table.pico_pagenavigation { border-top: 1px #aaa solid; margin-top: 20px;}


table.pico_form_table th.pico_waiting { color: red; }
table.pico_form_table td.pico_waiting { color: red; background-color: white ; }

table.pico_form_table td,
table.pico_form_table th{
        color: black;
        vertical-align          :top !important;
        text-align                      :left;}
p.pico_submit{
        text-align                      :center;
        margin                          :0;
        padding                         :10px;}

input.pico_ascii_only { ime-mode: disabled; }
input.pico_number_only { ime-mode: disabled; text-align: right; }

pre.pico_history_diff del { color: red; }
pre.pico_history_diff ins { color: blue; }

div.pico_pagebreak { margin: 10px; }
div.pico_pagebreak span {border: 1px solid black; padding: 2px; margin: 2px; }
div.pico_pagebreak span.selected {border: 0px; }