@import url(/user/plan/planKNZ/css/photodiary.css);

.emojione { width: 16px; }
.comment{
	height:auto;
	overflow-y:unset;
}
.comment img{
	max-width:100%;
}

.galname{
	padding:10px;

	margin-bottom:10px;
	margin-bottom: 6px;
	border-bottom:2px solid #ffffff;
}
.galname a{
	color:#ffffff;
}
.paging{
	text-align: center;
	padding:10px 0px;
}
.page a{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.page {
    font-size: 14px;
    font-weight: normal;
    color: #aaaaaa;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
display:inline-block;
}
.page.noLink,
.page a{
display:inline-block;
padding:4px 5px;
line-height:1.5;
}
.page.noLink{
    border: 1px solid rgba(0,0,0,0);
}
.syamelink {
}
.syamelink {
    text-align: center;
    padding: 2%;
    margin-bottom: 15px;
}
.syamelink {
border-radius:5px;
color:#666666;
	background-color:#ffffff;
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
padding:2px;
    margin: 10px auto;
width: 400px;}
.syamelink a {
border:2px solid #666666;
color:#666666;
font-weight:bold;
padding:5px 15px;
font-size:14px;
border-radius:3px;
text-align:center;
display:block;
}
.syamelink a {
}
.beforeafter{
}
.beforeafter td{
padding:3px;
}
.beforeafter td a:link,
.beforeafter td a:hover,
.beforeafter td a:visited{
	display:inline-block;
/*	border:1px solid #cccccc;*/
	border-radius:5px;
	padding:6px;
	font-size:13px;
color:#666666;
/*	background-color:#ffffff;
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
*/}
.beforeafter td a span {
 display:inline-block;
    vertical-align: sub;
    margin: 0px 5px;
    font-size: 150%;
}
h2 span{
    font-size: 12px;
    display: inline-block !important;
    border: 1px solid #cccccc;
    border-radius: 3px;
    line-height: 1;
    vertical-align: middle;}
h2 span a{
	display:inline-block;
	padding:5px;
}

@media screen and (max-width: 667px) {
.syamelink {
    width: 90%;
}
}