<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* 引数
**************************************/
:root {
  --inner_width: 1040px; /* padding in */
  --fontfamily_def: 'Noto Sans JP',Roboto,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  --fontsize_def: 14px;
  --sp_fontsize_def: 12px;
  
  --lineheight_def: 1.5;
  --sp_lineheight_def: 1.5;
  
  --color_def: #0A0101;
  --color_link: #004f9e;
  --color_black: #0A0101;
  --color_white: #FFFFFF;
  --color_gray: #A0A0A0;
  --color_lightgray: #F0F1F2;
  --color_red: #DD2323;
}

/*
* FLEXBOX
**************************************/

.FlexBox,
.FlexBoxList{
display : flex;
justify-content : flex-start;
}



.FlexBox &gt; div{margin-top : 0 !important;}

div.FlexBox &gt;.w100{ width : 98%; margin : 0 1%;}
div.FlexBox &gt;.w50{ width : 48%; margin : 0 1%;}
div.FlexBox &gt;.w33{ width : 31%; margin : 0 1%;}
div.FlexBox &gt;.w25{ width : 23%; margin : 0 1%;}

.columnList &gt; li{
border-bottom : #ccc 2px solid;
}
.columnList &gt; li:first-child{
border-top : none;
}

.columnList &gt; li a,
.columnList &gt; li a:hover{
color:var(--color_black);
text-decoration : none;
}

.columnList &gt; li &gt; a:hover{
background-color:#eee;
display:block;
}


.FlexBoxList &gt; .tagDataArea{ width : 78%; margin : 0 1%;}
.FlexBoxList &gt; .writerDataArea{ width : 18%; margin : auto 1%;}

.columnDataArea{
position : relative;
}

.inner-writerDataArea{
display ; inline-block;
vertical-align:middle;
}

.writerDataArea img{
width : 160px;
height : 160px;
}

.txtIcon{
margin-top : 10px;
font-size : 0.8em !important;
color:var(--color_link);
background:var(--color_lightgray);
}

.cateoryArea{
display : flex;
flex-flow : row wrap;
justify-content : flex-start;
align-self: flex-start;
margin : 10px 0;
}

.date{
position : relative;
right: 0;
}

.lead{
margin : 1em;
padding : 0.5em;
}

.contents{
margin : 1em;
}

.contents &gt; div,
.contents &gt; dl,
.contents &gt; p{
padding : 0.5em;
}

.writerBOX{
display : flex;
margin : 1em;
padding : 0.5em;
border : 2px solid var(--color_gray);
}

.itemimg{
flex-basis : 180px;
align-self: flex-start;
}
.itemprofile{
flex-basis :auto;
padding : 0 0.2em;
}

.is-animate {
   opacity: 1;
   animation: .6s zoom-in;
}

.columnList li{
display:none;
}

.columnList li.is-animate{
display : block !important;
}

.newReport{
display : flex;
justify-content : space-around;
}

.newReport a{
display : inline-flex;
width : 30%;
justify-content : space-around;
}

.newReport a{
text-decoration : none;
border : 1px solid #555;
}

.newReport dl{
padding : 1em;
}

.newReport a .tag{
color : #000;
}

.newReport ul.tag &gt; li{
margin : 2px auto;
display : inline-block;
}

.newReport ul.tag &gt; li span{
font-size : 0.8em;
border : 1px solid #555;
padding : 0.2em;
}

.newReport ul.tag &gt; li:not(:last-child)::after{
content : "";
}

.newReport img{
width : 50%;
margin : 0 auto 1em;
}

@keyframes zoom-in {
   0% {
     opacity: 0.3;
     transform: scale(.8);
   }
   100% {
     opacity: 1;
     transform: none;
   }
}

/*スマートフォン*/
@media screen and (max-width:768px) {
div.FlexBox &gt;.w100{ width : 100%;}
div.FlexBox &gt;.w50{ width : 50%;}
div.FlexBox &gt;.w33{ width : 28%;}
div.FlexBox &gt;.w25{ width : 50%;}

#contentsWrap{
width : 96% ;
margin : 0 2%;
}

.FlexBoxList{
display : flex;
flex-direction: column-reverse;
justify-content : center;
}

.FlexBoxList &gt; .tagDataArea{ width : 96%; margin : 0 2%;}
.FlexBoxList &gt; .writerDataArea{ width : 96%; margin : auto 2%;}


.newReport{
display : block;
}

.newReport a{
display : block !important;
width : 95%;
margin : 0 auto;
}

.newReport ul.tag &gt; li{
margin : 2px auto;
display : inline-block;
}

.newReport dl{
height : 125px;
}

.newReport a {
margin-bottom : 10px;
}



.newReport img{
width : 30%;
display : block;
margin-right : 10px;
float : left;
}

}</pre></body></html>