@charset "utf-8";
/*
#pcmain_r													{width:300px; height:100vh; position:fixed; top:0; right:0; overflow-y:scroll;}
*/

.side_label												{display:block;width:300px; height:70px; background-position:top center; background-repeat:no-repeat;}
.side_label01											{background-image:url(/radiol/images_v2/side/bt01.png);}
.side_label02											{background-image:url(/radiol/images_v2/side/bt02.png);}
.side_label03											{background-image:url(/radiol/images_v2/side/bt03.png);}
.side_label04											{background-image:url(/radiol/images_v2/side/bt04.png);}
.side_label05											{background-image:url(/radiol/images_v2/side/bt05.png);}
#g-nav ul													{margin:0px; padding:0px;}
#g-navt ul li											{list-style:none;}
#g-nav input + ul li a						{text-decoration:none; color:#000000; border:0px solid #ffffff; padding-left:40px;}
#g-nav input:checked + ul li a				{display:block; border-top:1px solid #eeeeee; padding:12px 15px 12px 40px; font-size:16px; line-height:28px; font-weight:400; text-decoration:none; color:#000000; transition: 0.2s; background-color:#ffffff;}
#g-nav input:checked + ul li a:hover	{display:block; border-top:1px solid #eeeeee; padding:12px 15px 12px 40px; font-size:16px; line-height:28px; font-weight:400; text-decoration:none; color:#000000; transition: 0.2s; background-color:#eeeeee;}



/* チェックボックスは非表示にする（内部的な Off/On の機能だけ利用する） */
#g-nav input {
    display: none;
}
/* 親項目の装飾 */
#g-nav label {
    display: block;
    margin: 0;
    cursor: pointer;
}

#g-nav label:hover {
}
/* 閉じた状態のサブメニュー */
#g-nav ul {
    overflow: hidden;
    line-height: 0;
    transition: 0.2s;

    /* 下記は開閉によらず共通の設定 */
    list-style: none;
    margin: 0;
}

/* 開いた状態のサブメニュー */
#g-nav input:checked + ul {
    line-height: 1.5;

}










@media screen and (max-width:840px){
.side_label												{display:block;width:100%; height:70px; margin:0px auto;  background-position:top center; background-repeat:no-repeat;}
#g-nav input:checked + ul li a				{display:block; width:100%; max-width:300px; padding:12px 15px 12px 40px; margin:0px auto;}
#g-nav input:checked + ul li a:hover	{display:block; width:100%; max-width:300px; padding:12px 15px 12px 40px; margin:0px auto;}

#g-nav{
/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
position:fixed;
z-index: 999;
/*ナビのスタート位置と形状*/
top:0;
right: -120%;
width:100%;
height: 100vh;/*ナビの高さ*/
background:rgba(255,255,255,1);
/*動き*/
transition: all 0.6s;
}

#g-nav-list{
padding:30px;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
right: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
/*ナビの数が増えた場合縦スクロール*/
position: fixed;
z-index: 999; 
width: 100%;
height: 100vh;/*表示する高さ*/
overflow: auto;
-webkit-overflow-scrolling: touch;
}



/*========= ボタンのためのCSS ===============*/
.openbtn1{
position:fixed;
z-index: 9999;/*ボタンを最前面に*/
top:10px;
right: 10px;
cursor: pointer;
width: 50px;
height:50px;
}

/*×に変化*/  
.openbtn1 span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 3px;
border-radius: 2px;
background-color: #666;
width: 45%;
}

.openbtn1 span:nth-of-type(1) {
top:15px; 
}

.openbtn1 span:nth-of-type(2) {
top:23px;
}

.openbtn1 span:nth-of-type(3) {
top:31px;
}

.openbtn1.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 30%;
}

}


/*-----------------*/


#pcmain > ::-webkit-scrollbar {
width: 5px;
}
#pcmain > ::-webkit-scrollbar-button {
background: rgba(88, 88, 88, .5);
}

/* スクロールバー領域全体の背景色 (piece と thumb まとめて) */
#pcmain > ::-webkit-scrollbar-track {
background: rgba(255, 255, 255, .5);
}

/* スクロールバー領域の背景色 */
#pcmain > ::-webkit-scrollbar-track-piece {
background: rgba(88, 88, 88, .5);
}

/* スクロールバーの色 */
#pcmain > ::-webkit-scrollbar-thumb {
border: 3px solid rgba(255, 255, 255, .5);
border-radius: 10px;
background: rgba(0, 255, 255, .5);
}

/* 縦横スクロールバーの間 (角) に表示される領域 */
#pcmain > ::-webkit-scrollbar-corner {
background: rgba(255, 0, 255, .5);
}

/* リサイズ可能な場合の角の色 */
#pcmain > ::-webkit-resizer {
background: rgba(255, 255, 0, .5);
}

/* 現状 Firefox でのみ有効 */
#pcmain > * {
/* スクロールバーの色?背景領域を同時指定する */
scrollbar-color: rgba(88, 88, 88, .5) rgba(255, 255, 255, .5);
/* スクロールバーの太さ */
scrollbar-width: thin;
}