div.b {border:0px solid #2b2b2b;}
@media screen and (max-width: 360px) {
div.b{max-width: 360px;}}
@media screen and (min-width: 950px) {
div.b{max-width: 80%;}}


/*メインタイトル*/
h1.title1 {
margin:0px; padding:0px;
font-size: 40px;
text-align:left;
}

h1.title2 {

width:90%;
margin-bottom:10px;
padding:8px;
padding-left:10px;
font-size: 25px;
text-align:left;
border-left:10px solid #2b2b2b;
background-image: linear-gradient(90deg, rgba(250, 253, 255, 1), rgba(151, 215, 230, 1) 90%);}

/*文字*/
span.title{font-weight: bold;}
span.red {color: #FF0000;}
span.gray {color: #CCCCCC;}
p.ans {margin:0 10px;}

a {
  text-decoration: none;
  color: #cccccc;}


/*折り畳み質問*/
summary {
  cursor: pointer;
  display: block;
  text-align:left;
  margin-left:20px;
  padding : 10px 0;
  width:90%;
  border-bottom:2px solid #dfdfdf;
}
summary:hover{
background: #ebf6f7;
}

summary::-webkit-details-marker {
  display: none;
}

/*折り畳み回答*/

div.ans {
  width:90%;
  margin-left:20px;
  padding:20px 0;
  background: #ebf6f7;
  text-align:left;

}


/*調整用*/

div.t{
width:90%;
margin:0;
padding:0;
}

div.bbr{
width:90%;
height:30px;
}




/*めも*/
/*span::before {content: "▼";}*/
border:1px solid #2b2b2b;/*確認用*/
background: repeating-linear-gradient( -45deg, #ececec, #ececec 5px, #fff 5px, #fff 13px );