@charset "utf-8";

/* 同じ画像を全デバイスに流用 */
img,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.length{width: 60%;text-align: left;float: none;}

.post a:hover img,
#sidebar a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}

/* 本文中写真のレイアウト */
.post .alignright{
float:right;
margin:1em 0 1em 1em;
}

.post .alignleft{
float:left;
margin:1em 1em 1em 0;
}

.post .aligncenter{
display:block; margin:1em auto;text-align:center;
}

.post .description img{
text-align: center;
}

/* バナー画像 */
.banner_image,#sidebar .remark{
margin: 35px 0;
}

.article a:hover img,
.submenu a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);	/* IE6、IE7対応 */
-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
}

/* スライドショー */

/*
#slider{
display: none;
}
*/

.slider-wrapper{
position: relative;
margin: 14px 0 10px 0 ;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
#controls{
opacity: 1!important;
}
#controls ol{
list-style-type: none;
position:absolute;
padding: 0;
margin: 0 1% 0 92%;
}
#controls ol li{
float: left;
}
#controls ol li a{
position: relative;
bottom: 35px;
z-index: 99;
	display:inline-block;
	width:11px;
	height:11px;
	background:url(./images/bullets2.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
#controls ol li a:hover{
	cursor:pointer;
}
#controls ol li.current a{
	background-position:0 -16px;
}

@media only screen and (max-width: 959px) {
#slider ul li img,.slider-wrapper{width: 810px;}
}
@media only screen and (max-width: 852px) {
#slider ul li img,.slider-wrapper{width: 740px;}
}
@media only screen and (max-width: 767px) {
#slider ul li img,.slider-wrapper{width: 610px;}
}
@media only screen and (max-width: 639px) {
#slider ul li img,.slider-wrapper{width: 540px;}
}
@media only screen and (max-width: 567px) {
#slider ul li img,.slider-wrapper{width: 455px;}
}
@media only screen and (max-width: 479px) {
#slider ul li img,.slider-wrapper{width: 290px;}
}
@media only screen and (max-width: 319px) {
#slider ul li img,.slider-wrapper{width: 220px;}
}
@media only screen and (max-width: 220px) {
#slider ul li img,.slider-wrapper{width: 155px;}
}