/*b #5b8ab5 e*/
body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background:
linear-gradient(324deg, #fff 4%,   transparent 4%) -70px 43px,
linear-gradient( 36deg, #fff 4%,   transparent 4%) 30px 43px,
linear-gradient( 72deg, #FFD1C0  8.5%, transparent 8.5%) 30px 43px,
linear-gradient(288deg, #FFD1C0  8.5%, transparent 8.5%) -70px 43px,
linear-gradient(216deg, #FFD1C0  7.5%, transparent 7.5%) -70px 23px,
linear-gradient(144deg, #FFD1C0  7.5%, transparent 7.5%) 30px 23px,

linear-gradient(324deg, #fff 4%,   transparent 4%) -20px 93px,
linear-gradient( 36deg, #fff 4%,   transparent 4%) 80px 93px,
linear-gradient( 72deg, #FFD1C0  8.5%, transparent 8.5%) 80px 93px,
linear-gradient(288deg, #FFD1C0  8.5%, transparent 8.5%) -20px 93px,
linear-gradient(216deg, #FFD1C0  7.5%, transparent 7.5%) -20px 73px,
linear-gradient(144deg, #FFD1C0  7.5%, transparent 7.5%) 80px 73px;
background-color: #fff;
background-size: 100px 100px;

}
a img:hover{
opacity: 0.7;
}
a:hover{
color: rgb(51, 150, 240);
}
a{
color: #F2784B;
}
.logo, .nav {
text-align: center;
}
.logo {
text-align: left;
}
.menu {
display: table;
/* margin: 0 auto; */
margin-left: 0px;
padding-left: 15px;
}
li {
list-style: none;
}
ul.menu li {
list-style: none;
display: table;
float: left;
margin-left: 1px;
background: #F2784B;
}
li.active a, ul.menu li a:hover {
background: #812E2E;
}
ul.menu li a:hover {
transition: 1s;
}
ul.menu li a {
padding: 23px 22px;
line-height: 64px;
color: #fff;
}
.container.layout {
max-width: 1100px;
}
.mainimg, .maincenter, .block {
margin-bottom: 10px;
}
.mainimg img {
width: 100%;
}
.row.maincenter {
background: #fff;
width: 99.9%;
margin-left: 0px;
}
.row.block img {
width: 100%;
height: auto;
}
.box {
background: rgb(255, 255, 255);
/* padding: 10px; */
}
.imgblock {
width: 100%;
overflow: hidden;
}
.imgblock1 {
	max-width: 150px;
	width: 100%;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
p.readmore {
text-align: right;
}
p.title {
background: @mau;
padding: 10px;
background: #F2784B;
margin-top: 10px;
color: #fff;
font-size: 17px;
}
.maincontent img {
max-width: 285px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
/* margin-top: 10px; */
}
.outlink li {
padding: 3px;
}
.pupularpost > div {
display: table;
width: 100%;
}
p.thumpopular {
width: 100px;
height: 80px;
overflow: hidden;
float: left;
}
p.thumpopular img {
width: 100px;
height: auto;
}
footer {
padding: 10px;
}
p.footertext {
color: #131212;
text-align: center;
padding-top: 30px;
}
.footerlogo {
text-align: center;
}
h1 {
font-size: 30px;
margin: 21px 0px;
text-shadow: 1px 1px rgb(197, 81, 156);
text-align: center;
}
.menubg {
position: absolute;
top: 74px;
left: 0;
width: 100%;
height: 66px;
z-index: -999;
background: rgb(255, 255, 255);
}
header {
margin-bottom: 10px;
background: #fff;
}
@media (max-width: 768px) { 
	.imgblock {
	max-height: 100%;
	}
	.maincontent img {
	width: 100%;
	}
}
.pupularpost a {
line-height: 42px;
}
p.readmore a {
padding: 5px;
background: #F2784B;
color: #fff;
}
p.readmore a:hover {
background: #304286;
}
ul {
	margin: 0;
}
footer a {
	color: #000;
	text-decoration: underline;
}
footer a:hover{
	color: #000;
	text-decoration: none;
}
img{
	width: 100%;
}
.clear{
	clear:both;
}