@charset "UTF-8";


/* イラスト集
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*概要
-------------------------------------*/
.demo{
  text-align:center;
  padding :20px 0 ;
}

.demo p{
	margin-bottom:0;
}

.demo img{
	width:80%;
}

@media screen and (min-width: 768px){/*PC*/
.demo{
    padding: 0 ;
}

.demo img{
	width:95%;
	max-width:800px;
}

}





ul.ill-list  {
  padding-top: 20px;

}

ul.ill-list li {
  display: inline-block;
  padding: 0 5px;
  margin:0;

}

ul.ill-list li a {

}

ul.ill-list li a:before{
  content: " \0ab";
  color:#6cc;
  margin-right: 3px;
  }
ul.ill-list li a:after{
  content: "\0bb";
  color:#6cc;
  margin-left: 3px;
}


.sec-1, .sec-2,
.sec-3, .sec-4{
  background-color: #f6f6f6;
  padding:5px;
}
.sec-1.is-hidden,
.sec-2.is-hidden,
.sec-3.is-hidden,
.sec-4.is-hidden {
  display: none;
}

.pict {
  max-width:800px;
  margin: 20px auto;
  padding:5px;
  list-style-type: none;
 line-height:1;
}
.pict img {
	height:193px;
	width :auto;
	padding: 0;
}
.pict img.pict_w {
	width:140px;
	height :auto;
}
.pict img.pict_h {
	height :140px;
	width:auto;
}
p {
  margin: 0;
}



@media screen and (min-width: 768px){/*PC*/

}