/*
Theme Name: Twenty Twelve
Description: Single CSS.
*/

.kanren{
	text-align:center;
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #fcf7ef 31%, #f2f8f9 68%, #d7ecf2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#fcf7ef 31%,#f2f8f9 68%,#d7ecf2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%,#fcf7ef 31%,#f2f8f9 68%,#d7ecf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:relative;
	margin-top:40px;
	margin-bottom:20px;
	padding:10px;
}
.kanrenbox{
	border:1px dashed #ccc;
}
.kanrenphoto{
	margin-bottom:10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
}
.kanrencom{
	padding:10px;
}
.kanrenphoto img {
	display: block;
	transition-duration: 0.5s;
}
.kanrenphoto img:hover {
	transform: scale(1.2);
	transition-duration: 0.5s;
	opacity: 0.6;
}
.sns__container {
    display: flex;
	max-width:780px;
	margin:40px auto;
}
.sns__container a {
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
	font-size:16px;
}
.sns__container a:link,
.sns__container a:visited{
	text-decoration:none;
}
.sns__container a:hover,
.sns__container a:visited:hover{
	opacity:0.6;
	text-decoration:none;
}
.sns__container a.sns__twitter {
	margin:5px;
	border-radius:3px;
    border:1px solid #55acee;
	color:#55acee;
}
.sns__container a.sns__facebook {
	margin:5px;
	border-radius:3px;
    border:1px solid #3b5998;
	color:#3b5998;
}
.sns__container a.sns__pocket {
	margin:5px;
	border-radius:3px;
    border:1px solid #ef3f56;
	color:#ef3f56;
}
.sns__container a.sns__line {
	margin:5px;
	border-radius:3px;
    border:1px solid #1dcd00;
	color:#1dcd00;
}
.sns__container a.sns__hatena {
	margin:5px;
	border-radius:3px;
    border:1px solid #00a5de;
	color:#00a5de;
}
.sns__container a.sns__rss {
	margin:5px;
	border-radius:3px;
    border:1px solid #ff9900;
	color:#ff9900;
}
/*モバイル表示*/
@media screen and (max-width: 1024px) {
	.left70,.right30{
		width:100%;
		display:block;
	}
}
/*PC表示*/
@media screen and (min-width: 1025px) {
	.left70{
		width:68%;
		float:left;
		display:block;
	}
	.right30{
		width:30%;
		float:right;
		display:block;
	}
}