body{
  font-size:100%;
}
#main {
    width: auto;
}
.contents .list{
	width:auto;
}
header>section{
  display:none;
}
#group-sites{
  display: none;
}
#gpt-div-ipc-hl-pc-billboard001>div{
  width:auto!important;
}
.lead-area{
  padding:20px 0 0 0;
}
.ad.billboard img{
  max-width: 100%;
}
.rights{
  margin-top:20px;
}
.header-inner{
  display: block;
}
.contents{
	padding:0;
}
.header-image-area{
	height:300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	position: relative;
}
.header-image-area.short{
  height:240px;
  background-position: center center;
}
.header-image-area.long{
  height:360px;
  background-position: center center;
}
.header-image-area .title{
display: inline-block;
    top: 10%;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 20px;
    position: relative;
}
.header-image-area .title p{
	font-size:24pt;
}
.header-image-area .title span{
	font-size:12pt;
	padding:10px;
}
#extra{
	width:auto;
	margin:0 auto 0 auto;
}
.flex-wrapperdiv{
  display: block!important;
}

.content-area h1{
	font-size:130%;
	font-weight: 800;
	color:#333;
	margin:1.3em auto 1.1em auto;
}
.content-area h2{
	font-size:120%;
	font-weight:500;
	color:#222;
	margin:1.2em auto 1em auto;
	border-bottom:1px solid #555;
}
.content-area h3{
	font-size: 100%;
	font-weight: 600;
	color:#222;
	margin:0.4em auto 0.4em auto;
	color:green;
}

#archives .contents{
  padding:0;
}
#archives .list .article-list ul.article.list{
    width:auto;
}
#archives .list .article-list li{
}
#archives .list .article-list .image{
    height: 100px;
}

.ipclink_container .item{
  flex-basis: 100%!important;
}
.ipclink_container .item .image{
  height:150px;
}