@charset "UTF-8";
/*
==================================================
BASE
==================================================
*/
body {
	background:#fff;
}

/*
==================================================
HEADER
==================================================
*/
header{
  margin-top: 80px;
 	margin-bottom:20px;
  width: 100%;
}
header h1{
  width: 100%;
  height: 128px;
  background-image: url(../images/common/bg_title.png);
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 42px;
}

@media only screen and (max-width: 768px) {
  header{
    margin-top: 0;
    background-size: auto 41.5%;
  }
  header h1{
    height: 115px;
    font-size: 38px;
    padding: 31px;
  }
}


/*
==================================================
INFORMATION
==================================================
*/
section.information{
  width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
}
section.information h2 {
	font-size:20px;
	background:#f5f7fc;
	border-left:4px solid #385DCD;
	padding:10px;
	font-weight:bold;
	margin-bottom:10px;
	}

section.information h3 {
	font-size:20px;
	border-bottom:2px solid #385DCD;
	padding-bottom:5px;
	color:#385DCD;
	font-weight:bold;
	margin-bottom:10px;
	}
section.information h2.h2-normal{
  font-size: 26px;
  font-weight: bold;
	background:none;
	border-left:none;
	padding:0px;
	margin-bottom:0;
}

section.information p.category{
  font-size: 13px;
  color: #444444;
}
section.information p.category a{
	color: #444444;
}
section.information p.category a:hover{
	opacity: 0.8;
}
section.information div.description{
  border-top: 1px solid #e2e2e2;
  padding: 20px 0;
}
section.information p.category img{
	width:15px;
}
section.information div.description div.center {
	text-align:center;
	padding-bottom:30px;
}
section.information div.description p{
  font-size: 17px;
  color: #333333;
  overflow: hidden;
}
section.information div.description a{
  color: #3c88d0;
  border-color: #dddddd;
}
section.information div.description a:hover{
  border-color: #dddddd;
}

/*
==================================================
PAGINATION
==================================================
*/
ul.post-navi{
	padding:0;
	margin:0;
  text-align: center;
  font-size: 0;
	margin-bottom:50px;
}
ul.post-navi li{
  border: 1px solid #e2e2e2;
  border-left: none;
  margin: 0;
	display:inline-block;
	*display: inline;
	*z-index:1;
	width:150px;
	box-sizing:border-box;
}
ul.post-navi li:first-child{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #e2e2e2;
}
ul.post-navi li:last-child{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.post-navi li a{
  font-size: 16px;
	padding:10px 0;
	display:inline-block;
  text-align: center;
  color: #333333;
}

@media only screen and (max-width: 768px) {
	section.information h2 {
		font-size:2.6em;
		background-image: url(../images/common/pix.gif);
	}
	section.information h2.h2-normal{
		font-size: 3em;
	}
	section.information h3 {
		font-size:2.6em;
		background-image: url(../images/common/pix.gif);
	}
	section.information p.category{
		font-size: 26px;
		background:#fff;
	}
	section.information div.description p {
		font-size:2.8em;
		background:#fff;
	}
	ul.post-navi {
		padding-bottom:40px;
	}
	ul.post-navi li{
		width: 33%;
	}
	ul.post-navi li:nth-child(2){
		width: 34%;
	}
	ul.post-navi li a{
		font-size: 20px;
		padding:10px 20px;
		display:inline-block;
		text-align: center;
		color: #333333;
	}
	main ul.breadcrumbs li a {
		font-size:1.9em;
	}
	section.information p.category img{
		width:26px;
	}
}