@charset "UTF-8";

body{
	background:#efefef;
	padding:40px 0;
}
#contents h2{
	margin-top:8%;
}
.pic{
	float:left;
	width:71%;
}
.pic a,.pic img{
	display:block;
	width:100%;
}
.data{
	float:right;
	width:25%;
	text-align:left;
	border-top:2px solid #444;
}
.data li{
	line-height:3.5;
	border-bottom:1px dotted #444;
}
.data li.comment{
	padding:10px 0;
	line-height:2;
}
.data li.btn{
	text-align:center;
	border-bottom:none;
	margin-top:40px;
}
.data li.btn a{
	display:block;
	border:1px solid #444;
	background:#444;
	padding:8px 0;
	transition:0.25s ease all;
	color:#fff;
}
.data li.btn a:hover{
	background:transparent;
	color:#444;
}
.odekake {
    display: inline-block;
    padding: 2px 5px;
    background: #55acee;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}
/* /////////////////////////////////764px以下の時//////////////////////////////// */
@media screen and (max-width:764px){
	.pic{
		float:none;
		width:100%;
		margin-bottom:40px;
	}
	.data{
		float:none;
		width:100%;
	}
}