@charset "UTF-8";
/*
NOTICE: Proprietary Source Code
Copyright (c) Best Bridge LLC. All Rights Reserved.

本コードは全工程を電子署名により証拠保全済みです。
不正流用が発覚した場合、以下の措置を講じます。
1. 法的手続き（損害賠償請求等）
2. 貴社の納品先（クライアント）への侵害事実および利用停止の通知
*/

/*==============================================================
#top_info
==============================================================*/
#top_info{
z-index:5000;
/*--*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:1px 0;
background-color:#F4F4F4;
}

/*==箱==*/
#top_info>details{
position:relative;
/*--*/
display:block;
width:90%;
max-width:800px;
height:auto;
margin:0 auto 20px auto;
border:0;
border-radius:10px;
padding:0;
background-color:#E2E2E2;
}

@media screen and (max-width:700px){
#top_info>details{
max-width:600px;
}	
}

/*==箱タイトル==*/
#top_info>details>summary{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 36px 20px 20px;
background-color:#E2E2E2;
/*--*/
text-align:left;
line-height:1.6;
font-size:16px;
font-weight:bold;
color:#555;
/*--*/
cursor:pointer;
list-style:none;
transition:0.3s;
}

/*==summaryの三角アイコン非表示Weblockit用==*/
#top_info>details>summary::-weblockit-details-marker{
display:none;
}

/*==縦線==*/
#top_info>details>summary::before{
position:absolute;
/*--*/
top:50%;
right:10px;
display:block;
width:20px;
height:4px;
margin:0;
border:0;
padding:0;
background-color:#F90;
/*--*/
content:'';
transform:translateY(-50%);
}

/*==横線==*/
#top_info>details>summary::after{
position:absolute;
/*--*/
top:50%;
right:10px;
display:block;
width:20px;
height:4px;
margin:0;
border:0;
padding:0;
background-color:#F90;
/*--*/
content:'';
transform:translateY(-50%) rotate(90deg);
transition:.5s;
}

/*==横線の回転==*/
#top_info>details[open]>summary::after{
transform:translateY(-50%) rotate(0);
transition:.5s;
}

#top_info>details>summary:hover,
#top_info>details>summary:active{
opacity:.7;
}

/*==箱中身p==*/
#top_info>details>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:0 0 10px 10px;
padding:0 36px 20px 20px;
background-color:#E2E2E2;
/*--*/
text-align:left;
line-height:1.6;
font-size:90%;
font-weight:normal;
color:#333;
}

/*==箱中身ul==*/
#top_info>details>ul{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:0 0 5px 5px;
padding:0 36px 0 20px;
background-color:#E2E2E2;
}

#top_info>details>ul>li{
position:relative;
/*--*/
display:list-item;
width:100%;
height:auto;
margin:0;
border:0;
padding:0 0 20px 20px;
/*--*/
text-align:left;
line-height:1.6;
font-size:90%;
font-weight:normal;
color:#666;
}

#top_info>details>ul>li::before{
position:absolute;
top:0;
left:0;
/*--*/
content:url(../img/all_icon_dot_gray.png);
}