div.content{display:none; float:right; /*変更*/width:100%;/*/変更*/}
div.content a, div.navigation a{text-decoration:none;}
div.content a:focus, div.content a:hover, div.content a:active{text-decoration:underline;}

div.controls{margin:5px 0; height:25px;}
div.controls a{padding:5px;}
div.ss-controls{float:left;}
div.nav-controls{float:right;}

div.slideshow-container{position:relative; clear:both; /*変更*/height: 0; padding-top: 54.333%; margin-bottom:20px;}
div.loader{position:absolute; top:0; left:0; background-image:url('../images/loader.gif'); background-repeat:no-repeat; background-position:center; width:960px; height:0px;}
div.slideshow {}
div.slideshow span.image-wrapper{display:block; position:absolute; top:0; left:0;}
div.slideshow a.advance-link{display:block; /*変更*/width:100%;/*/変更*/ height:0px; line-height:0px; text-align:center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited{text-decoration:none;}
div.slideshow img{vertical-align:middle; /*追加*/width:100%;/*/追加*/}
div.download{float:right;}
div.caption-container{clear:left;}
span.image-caption{display:block; /*変更*/width:100%;/*/変更*/}
div.caption{padding-top: 10px; margin-bottom: 2px;/*/追加*/}
div.image-title{font-weight:bold; font-size:142.9%; font-size:1.429rem;/*/変更*/}
div.image-desc{line-height:1.3em; padding-top:12px;}
div.navigation{}
ul.thumbs{clear:both; margin:0; padding:0;}
ul.thumbs li{float:left; padding:0; margin:0 8px 20px 0; list-style:none; /*追加*/width:98px;/*/追加*/}
ul.thumbs li:nth-child(8n){ margin-right:0;}
a.thumb{padding:0; display:block; border:1px solid #ccc;}
ul.thumbs li.selected a.thumb{/*変更*/background-color:#E60012; border: 1px solid transparent;/*/変更*/}
a.thumb:focus{outline:none;}
ul.thumbs img{border:none; display:block;}
div.pagination{clear:both; float:right;}
div.navigation div.top{margin-bottom:12px;}
/*div.navigation div.bottom{margin-top:20px;}*/
div.pagination a, div.pagination span.current, div.pagination span.ellipsis{display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; /*変更*/border:1px solid #088AB0;/*/変更*/ color: #088AB0;/*追加*/}
div.pagination a:hover{/*変更*/background-color:#088AB0; color: #fff;/*/変更*/ text-decoration:none;}
div.pagination span.current{font-weight:bold; /*変更*/background-color:#088AB0; border-color:#088AB0; /*/変更*/ color:#fff;}
div.pagination span.ellipsis{border:none; padding:5px 0 3px 2px;}

/*タブレット*/
@media screen and (min-width: 601px) and (max-width: 960px) {
	ul.thumbs li {
		width: 11.1%;
		margin-right: 1.6%;
	}
}

/*スマホ*/
@media screen and (max-width: 600px) {
	div.controls{
		height: 0;
		margin: 0;
	}
	
	ul.thumbs li {
		width: 22.6%;
		margin-right: 3.2%;
		margin-bottom: 15px;
	}
	
	ul.thumbs li:nth-child(4n){
		margin-right:0;
	}
	
	div.pagination a, div.pagination span.current, div.pagination span.ellipsis{
		padding:3px 7px;
	}
	
	div.caption{
		padding-top: 10px;
	}

	div.image-title{
		font-size:106.7%; font-size:1.067rem;
	}
}