/*weblog*/
.wide {
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100%;
	height:300px;
}

.wide h1 {
	display:block;
	width: 100%;
	position: absolute;
	padding-top:140px;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#fff;
}


.wide:after {
	content:"";
	display:block;
	clear:both;
}



.weblog {
	margin:20px auto 100px auto;
	max-width:800px;
	font-size:16px;
	line-height:30px;
}
.weblog p{padding:0px 20px;}

.weblog img {
	display:block;
	margin:20px auto;
	max-width:700px;
	border:dotted 2px #736357;
	padding:5px;
	border:solid 1px #ccc;
}

.day {
	text-align:right;
}


/*saikin*/
.saikin {
	margin:30px auto 0px auto;
	padding:0px;
	width:90%;
	max-width:800px;
	border-top:solid 3px #000;
	clear:both;
}
.saikin h1{
	font-family:DINCondensed-Regular;
	letter-spacing: 2px;
	padding:10px;
	font-size:22px;
}

.saikin ul {
	padding:10px;
	width:40%;
	float:left;
}

.saikin:after, .pagelink:after, .listpage:after {
	content:"";
	display:block;
	clear:both;
}



iframe{
	display:block;
	margin:20px auto;
	width:95%;
	max-width:800px;
	min-height:451px;
	text-align:center;
}




/*list*/

.wrap{
	margin:0px auto;
	max-width:1000px;
}

.list {
	margin:0px auto;
	text-align:center;
}

.list li {
	margin:0px 10px 40px 10px;
	background-color:#1D2C59;
    width: 300px;
	height:260px;
	float:left;
}
.list h2 {
	padding:10px 0px;
	color:#fff;
	font-weight:bold;
}
.list:after {
	content:"";
	display:block;
	clear:both;
}


/*一覧ページ下部リンク*/
.pagelink ul{
	margin:20px auto 100px auto;
	max-width:980px;
	padding:20px;
}
.pagelink ul li {
	float:left;
}
.pagelink ul li a{
	margin:5px;
	padding-top:10px;
	background-color:#f5f4f0;
	text-align:center;
	display:block;
	width:40px;
	height:40px;
}
.nowpage { color:#F06}



@media only screen and (max-width: 768px) {

.wide{
	background:none; 
}


.wide::before{
	background-position:center;
	background-repeat:no-repeat;
	background-size: auto auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	content: "";
	z-index: -1;
}


.list li img{
	width:100%;
}


}


@media only screen and (max-width: 480px) {

.wide h1 {
	font-size:16px;
}


.list li {
	margin:20px auto;
	width:100%;
	float:none;
}

.wide {
	background-size:200%;
}

.weblog img {
	width:95%;
}



}