<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
article{
	padding-bottom: 7px;
}
article section {
	width:650px;
	padding:34px 140px 50px;
	margin:0 auto;
	background:url(../intro/img/paper1.jpg) 0 0 repeat-y;
}
article h2 {
	position:relative;
	margin-bottom: 39px;
	height:59px;
	background:url(img/bar.jpg) left bottom no-repeat;
}
article h2 .num{
	position:absolute;
	top:0px;
	left:22px;
}
article h2 .date{
	position:absolute;
	top:13px;
	right:16px;
}
.backnumber {
	margin:0 auto;
	padding:25px 49px 26px 50px;
	width:831px;
	background:url(img/arcBg.jpg) 0 0 repeat;
}
.backnumber li{
	margin:0 4px 12px 0;
	float:left;
}
.backnumber li:nth-child(5n){
	margin-right:0;
}
.backnumber li:hover{
	opacity: .8;
}
/*===============================================
●スマホ用 基本構造
===============================================*/
@media screen and (max-width: 640px) {
article{
	padding-bottom: 2px;
}
article .youtube {
	border-radius:2px;
	border:2px solid #ccc6c6;
	width:96%;
	height:inherit;
	margin:0 auto 10px;
	background:#000;
	position: relative;
	padding-top: 56.25%;
 }
article iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
article section {
	width:96%;
	padding:20px 2%;
	margin:0 auto;
}
article h2 {
	position:relative;
	height:35px;
	background:url(img/bar.jpg) left bottom no-repeat;
}
article h2 .num{
	position:absolute;
	top:0px;
	left:22px;
}
article h2 .date{
	position:absolute;
	top:9px;
	right:16px;
}
article .num{
	display:block;
	width:70px;
}
article .date{
	display:block;
	width:120px;
}

article h3{
	padding:0 8px;
	line-height:1.4em;
	font-weight:normal;
	margin:15px 0;
	font-size:20px;
}
article dl {
	padding:0 4px;
}
article dt {
	font-size:20px;
	line-height:32px;
}
article dd {
	font-size:14px;
	line-height:2em;
}
article .imgList {
	width:96%;
	margin:15px auto;
}
article .imgList li{
	width:49%;
}
article .backnumber img,
article .imgList img{
	width:100%;
}
.backnumber {
	width:96%;
	padding:2%;
	margin:0 auto;
}
.backnumber li{
	width:32%;
	margin-right: 1%;
	float:left;
}
.backnumber li:nth-child(5n){
	margin-right: 1%;
}
.backnumber li:nth-child(3n){
	margin-right:0;
}
}
</pre></body></html>