@charset "UTF-8";

.mainimg img {
	max-width:100%;
	padding-top:10px
}

h1 {
	color:#005C2E;
	font-family:"Arial Black",sans-serif;
}

h2 {
	color:#287D16;
	text-align:left;
}

h2.lead {
	padding:0 0 5px 10px;
	color:#333;
	border-left:#1B8016 solid 3px;
	border-bottom:#CCC dotted 1px;
}

h2.brd {
	padding:0 0 5px 10px;
	border-left:#333 solid 3px;
}

h3.brd {
	padding:0 0 5px 10px;
	border-left:#333 solid 3px;
}

h3 a.new {
	background:url(../images/new.png) no-repeat;
	background-size:50px;
	padding-left:56px
}

h4.post-meta {
	color:#1C7D16
}

h4.food {
	font-size:1.2rem;
	color:#F16509;
	line-height:1.5rem;
}

p.clear {
	clear:both;
	text-align:left;
}
p.subtitle {
	color:#005C2E;
}

span.red {
	color:#F00;
}

.post-footer a {
	color:#1BA9F2
}

table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
  text-align:center
}

table td.left {
	text-align:left;
}

th {
	width:20%;
	background-color:#f3f3f3;
	text-align:center;
}

th.wrap {
	white-space:nowrap
}

th.mds {
	font-weight:bold;
	color:#FFF;
	background-color:#077AF5;
}

td {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
  text-align:center
}

#cont {
}
#cont p {
	text-align:left;
}
#cont table {
	max-width:98%;
}

div.left {
	float:left;
	margin-right:3%;
	margin-bottom:2%;
}
div.left p {
	text-align:center;
	line-height:1.0rem;
}

.clear {
	clear:both;
}

.widget{
	margin-left:10px;
}
@media screen and (max-width: 800px) {
	.widget {
		width: 90%;
		max-width: 500px;
	}
}
@media screen and (min-width: 801px) {
	.widget {
		width: 500px;
	}
}

@media screen and (max-width:800px) {
	#cont {
		padding:15px 5px;
		background-color:#FFF;
		text-align:center
	}
}

#cont ul li {
	font-size:1.0rem;
	line-height:2.0rem;
	list-style:none;
	position:relative;
	text-align:left;
}
#cont ul li:before,
#cont ul li:after{
	content:"";
	display:block;
	position:absolute;
	margin-left:-30px
}
#cont ul li:before{
	width:15px;
	height:15px;
	border-radius:2px;
	background:#039AFC;
	left:0;
	top:10px;
}
#cont ul li:after{
	border:3px solid transparent;
	border-left-color:#fff;
	left:6px;
	top:14px;
}

.site-footer {
	clear:both;
}

/*-- コンテンツボタン --*/

.content {
	position: relative;
	display: block;
	width:45%;
	min-width: 280px;
	height:45%;
	min-height:280px;
	float:left;
	margin:5px;
	border:1px solid #fff;
	overflow: hidden;
}
.content p {
  position: absolute;
  color:#FFF;
  top: 0;
  left: 0;
  font-size:1.2rem;
  font-family:"Arial Black",sans-serif;
  padding:10px;
  background: rgba(0,0,0,.5);
  z-index:1;
  border-radius: 0 5px 5px 0;
}
.content img {
  width: 100%;
  z-index:-9999;
  border-radius: 5px;
}
.content a {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
	transition: 0.3s ease-in-out;
}
.content a:hover {
    opacity: 0.8;
	transition: 0.3s ease-in-out;
}
@media screen and (max-width:800px) {
	.content {
		width:90%;
		text-align:center;
	}
}

a.cp_btn2 {
	display: block;
	text-align: center;
	text-decoration: none;
	color:#077AF5;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border: double 4px #077AF5;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	transition: .6s;
	text-align:center;
}
a:hover.cp_btn2 {
	background:#077AF5;
	color:#FFF;
}

@media screen and (max-width:800px) {
	div.banr {
		text-align:center;
	}
}


/*-- 本日のコンディション --*/

.article-date {
  font: 800 22px georgia, arial, serif;
  color:#155FC1;
  padding: 2px 20px 2px 10px;
  text-align: right;
  margin-top:-2px;
  margin-bottom: 10px;
}
.article-title {
  font: 800 18px 'ヒラギノ丸ゴ Pro W4', 'メイリオ', arial,  sans-serif;
  font-color:#FFFFFF;
  letter-spacing : 1px;  text-align: left;
  padding : 4px 0 2px 18px;
  margin-top: 0;
  width: 95%;
  background-color:#003300;
}

/*-- ライズカメラ --*/

.cont img {
	max-width:95%;
}

/*-- ダイアリー --*/

h2 {
	clear:both;
}
.hr {
	border-bottom:#333 1px dotted;
	clear:left;
	min-height:350px;
}
.photo img {
	float:left;
	margin:0 10px 10px 0;
}
@media screen and (max-width:800px) {
	.photo img {
		max-width:95%;
		text-align:center;
	}
	.photo p {
		clear:both;
	}
}

/*-- インフォ --*/

article.banr {
	padding-bottom:350px;
	margin-left:10px;
}
article.banr a img {
	max-width:250px;
	margin:5px;
	float:left;
	opacity:1
}
.catch img {
	max-width:95%;
	text-align:center;
}
@media screen and (max-width:800px) {
	article.banr a img {
		max-width:300px;
	}
}