@charset "utf-8";

/* ロゴスタイル
----------------------------------------------------------- */

body header div#hd_logo h1 {
	width: 450px;
}

body header div#hd_logo h1 img {
	width: 50%;
}

@media screen and (min-width: 951px) and (max-width: 1015px) {
/* div#hd_logo */
body header div#hd_logo h1 img {
	width: 25%;
}
}

@media screen and (min-width: 768px) and (max-width: 950px)  {
/* div#hd_logo */
body header div#hd_logo h1 img {
	width: 25%;
}
}

@media screen and (max-width: 768px) {
/* div#hd_logo */
body header div#hd_logo h1 img {
	width: 25%;
}
}



/* メインスタイル
----------------------------------------------------------- */
main#main div.inner ul {
	text-align: left;
	overflow: hidden;
}

main#main div.inner ul li {
	padding: 18px 20px 4px 20px;
  background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
	margin: 0 0 10px 0;
}

main#main div.inner ul li p {
	overflow: hidden;
	zoom: 1;
}

main#main div.inner ul li p.date {
	float: left;
	font-weight: bold;
	width: 6.6em;
	margin: 0 10px 0 0;
	font-weight: bold;
}

main#main div.inner ul li p a {
	color: #333333;
}

main#main div.inner ul li p a:hover {
	color: #9d7556;
}

/*
main#main div.inner p.btn_details {
	float: right;
	text-align: right;
	margin: 15px 3% 10px 0;
}

main#main div.inner p.btn_details a {
	line-height: 1;
	font-weight: bold;
	color: #2b1f1f;
	padding: 5px 26px;
	border:double 5px #2b1f1f;
}

main#main div.inner p.btn_details a:hover {
	opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
*/


@media screen and (min-width: 768px) and (max-width: 949px) {
}

@media screen and (min-width: 480px) and (max-width: 767px) {
}

@media screen and (max-width: 479px) {
}