@mau = #000;
body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  /* background: #A87678; */
}
a img:hover{
opacity: 0.7;
}
a:hover{
color:red;
}
a{
color: #EB7424;
}
.logo, .nav {
text-align: center;
/* background: rgb(226, 177, 179); */
}
.logo {
text-align: center;
}
.menu {
display: table;
margin: 0 auto;
/* background: rgb(86, 54, 55); */
}
li {
list-style: none;
}
ul.menu li {
list-style: none;
display: table;
float: left;
margin-left: 10px;
}
li.active a, ul.menu li a:hover {
background: rgb(235, 116, 36);
}
ul.menu li a:hover {
transition: 1s;
}
ul.menu li a {
padding: 32px 9px;
line-height: 88px;
color: #060606;
border-radius: 10px;
}
.container.layout {
max-width: 1000px;
}
.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(226, 209, 209); */
padding: 10px;
/* box-shadow: 0 9px 17px rgba(168, 118, 120, 1), 0 0 40px rgba(0, 0, 0, 0.1) inset; */
border-radius: 20px;
}
.imgblock {
width: 100%;
max-height: 200px;
overflow: hidden;
}
p.readmore {
text-align: right;
}
p.title {
background: @mau;
padding: 10px;
/* background: #A87678; */
margin-top: 10px;
color: #EB7424;
font-size: 17px;
font-weight: bold;
}
.maincontent img {
width: 300px;
float: left;
margin-right: 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: #060606;
text-align: center;
padding-top: 30px;
}
.footerlogo {
text-align: center;
}
@media (max-width: 768px) { 
	.imgblock {
	max-height: 100%;
	}
	.maincontent img {
	width: 100%;
	}
}