@charset "EUC-JP";

/******************** header / footer ********************/

body.template_ss > header{
	border:none;
}

body.template_ss > header > h1{
	padding:5px 0;
}

body.template_ss > header a{
	width:180px;
	margin:0 auto;
}

body.template_ss > footer{
	margin-top:0;
}

footer nav{
	display:none;
}

.title_info,
noscript + .paging{
	display:none;
}


/******************** article ********************/

.ss_article{
	padding:10px 0;
	background:#ece8e4;
	text-align:center;
}

.ss_article .ss_container{
	margin:0 auto;
	padding:0px 20px;
}

.ss_article .ss_big{
	vertical-align:middle;
}

.ss_article .ss_container img{
	height:auto;
	border:2px solid #ddd;
	cursor:pointer;
}


/********** thumbs **********/

.thumbs:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.thumbs{
	overflow:hidden;
	position:relative;
	z-index:100;
	width:400px;
	height:58px;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,0.05);
}

.thumbs li{
	display:inline;
}

.thumbs li img{
	height:50px;
	border:3px solid transparent;
}

.thumbs li.select img{
	border-color:#f00;
}


/********** pages **********/

.pages{
	height:20px;
	font-size:80%;
	line-height:20px;
}


/********** paging **********/

.pages:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.paging{
	position:absolute;
	left:50%;
	width:460px;
	height:58px;
	padding:5px;
	margin:-63px auto 0px;
	margin-left:-235px;
	line-height:22px;
	color:#666;
}

.paging li{
	list-style:none;
}

.paging .prev a,
.paging .next a{
	display:block;
	overflow:hidden;
	width:20px;
	height:58px;
}

.paging .prev a{
	float:left;
}

.paging .next a{
	float:right;
}

.paging .prev a:before,
.paging .next a:before{
	display:block;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	width:20px;
	height:58px;
	line-height:58px;
	vertical-align:middle;
	background:#fff;
	color:#4b739c;
	border-radius:4px;
}

.paging .prev a:before{
	content:"keyboard_arrow_left";
}

.paging .next a:before{
	content:"keyboard_arrow_right";
}


/********** info **********/

.ss_article h1{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:85%;
	margin:10px auto;
	color:#4b739c;
}

.ss_article h1 a{
	text-decoration:underline;
}

.ss_article .date,
.ss_article .info{
	font-size:70%;
	line-height:150%;
	color:#666;
}


/********** copyright **********/

.copyright{
	font-size:60%;
	line-height:140%;
	color:#888;
	padding:20px 0 10px;
}