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

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

/*==============================================================
#top_news
==============================================================*/
#top_news{
z-index:5000;
/*--*/
position:relative;
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:90px 0 1px 0;
background-image:linear-gradient(to bottom,#F4F4F4,#FFF);
background-size:100% 300px;
background-repeat:no-repeat;
background-color:#FFF;
}

@media screen and (max-width:700px){
#top_news{
padding:60px 0 1px 0;
}
}

#top_news>h2{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
/*--*/
text-align:center;
line-height:1;
font-size:clamp(26px,2vw + 18px,38px);
font-weight:bold;
color:#666;
}

#top_news>div.line{
width:100%;
height:6px;
margin-bottom:60px;
background:linear-gradient(to right, #F90 40%, #EFEFEF 40%);
}

#top_news>ul{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
}

#top_news>ul>li{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0;
border-bottom:solid 1px #CCC;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==左==*/
#top_news>ul>li>span:nth-of-type(odd){
position:relative;
/*--*/
display:block;
flex-basis:20%;
height:auto;
margin:0;
border:0;
padding:15px 0;
/*--*/
text-align:left;
line-height:1.6;
font-size:16px;
font-weight:bold;
color:#F90;
}

@media screen and (max-width:1100px){
#top_news>ul>li>span:nth-of-type(odd){
flex-basis:100%;
}
}

#top_news>ul>li>span:nth-of-type(odd)>span.backorange{
position:relative;
/*--*/
display:inline-block;
width:46px;
height:auto;
margin:0 16px;
border:0;
border-radius:5px;
padding:0 0 2px 0;
background-color:#F60;
/*--*/
text-align:center;
line-height:1.6;
font-size:12px;
font-weight:bold;
color:#FFF;
}

/*==右==*/
#top_news>ul>li>span:nth-of-type(even) {
position:relative;
/*--*/
display:block;
flex-basis:80%;
height:auto;
margin:0;
border:0;
padding:15px 0;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#666;
}

@media screen and (max-width:1100px){
#top_news>ul>li>span:nth-of-type(even){
flex-basis:100%;
padding:0 0 15px 0;
}
}

/*==箱==*/
#top_news>details{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto 30px auto;
border:0;
border-radius:5px;
padding:0;
background-color:#FFF;
}

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

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

/*==縦線==*/
#top_news>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_news>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_news>details[open]>summary::after{
transform:translateY(-50%) rotate(0);
transition:0.5s;
}

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

/*==箱中身ul==*/
#top_news>details>ul{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

#top_news>details>ul>li{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0;
border-bottom:solid 1px #CCC;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==liの左span==*/
#top_news>details>ul>li>span:nth-of-type(odd){
position:relative;
/*--*/
display:block;
flex-basis:20%;
height:auto;
margin:0;
border:0;
padding:15px 0;
/*--*/
text-align:left;
line-height:1.6;
font-size:16px;
font-weight:bold;
color:#F90;
}

@media screen and (max-width:1100px){
#top_news>details>ul>li>span:nth-of-type(odd){
flex-basis:100%;
}
}

/*==liの右span==*/
#top_news>details>ul>li>span:nth-of-type(even){
position:relative;
/*--*/
display:block;
flex-basis:80%;
height:auto;
margin:0;
border:0;
padding:15px 0;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#666;
}

@media screen and (max-width:1100px){
#top_news>details>ul>li>span:nth-of-type(even){
flex-basis:100%;
padding:0 0 15px 0;
}
}