@charset "UTF-8";

.case .entryTop:after,
.case .categoryTitle:after,
.case .category .entry:after,
.case .boxAuther:after{
	font-size:1px;
	content: "";	display: block;
	height: 0;
	clear: both;
}
.case .entryTop,
.case .categoryTitle,
.case .category .entry,
.case .boxAuther{
	zoom: 1;
}


/* PC
-------------------------------------------- */
@media print, screen and (min-width: 681px){


.case #main .caseTop h2{
	clear:both;
	background: none;
	padding:0;
	margin:0;
	border:none;
	margin-bottom:18px;
}

.case .caseTop h3{
	margin-bottom:15px;
}

.case .entryTop{
	background: url(../image/case/top_waku_bg.jpg) no-repeat;
	width:220px;
	height:342px;
	margin-bottom:8px;
	float:left;
	margin-left:8px;
}

.case .entryTop .image{
	width:210px;
	margin:auto;
	padding-top:5px;
	margin-bottom:14px;
}
.case .entryTop .box{
	padding:0 15px 0 15px;
}
.case .entryTop h4{
	font-size:1.2em;
	line-height:145%;
	padding-left:0;
	padding-right:0;
	margin-bottom:6px;
}
.case .entryTop p{
	font-size:1.1em;
	line-height:140%;
	margin-bottom:10px;
}
.case .entryTop .btnDetail{
	float:right;
}

.case .category .categoryTitle .image{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.case .category ul.subCategory{
	clear:both;
	margin:25px 0 0 0;
	padding-left:22px;
}
.case .category ul.subCategory li{
	font-size:1.3em;
}

.case .category .entry{
	background:#F6F4EF;
	border:1px solid #EFEFEF;
	padding:15px;
	margin-top:20px;
	position: relative;
}
.case .category .entry .image{
	float:right;
	width: 120px;
	margin-left: 16px;
	border:3px solid #EFEFEF;
	background-color: #FFF;
	margin-top: -50px;
}
.case .category .entry .image a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.case .category .entry .text{
	float:left;
	width:515px;

}
.case .category .entry h4{
	padding-left:0;
}
.case .category .entry p{
	font-size:1.12em;
}


.case .category ul,ol {
	list-style-type: square;
	padding:0;
	margin-left:20px;
}

.case .boxReport h5{
	background-image:url(/image/report/icon_file.gif);
	background-position:0.3em 0.25em;
	background-repeat:no-repeat;
	color:#00468B;
	font-size:1.6em;
	line-height:160%;
	margin:0 0 12px;
	padding-left:35px;
	border:none;
}
.case .detail .entry .image {
	float:right;
}

.case .boxReport {
	border:1px solid #DEDEDE;
	padding:20px 20px 5px 20px;
	margin-top:35px;
}
.case .boxReport ul {
	list-style-type: square;
	padding-left:20px;
}
.case .boxReport ul li {
	font-size:1.3em;
	margin-bottom:8px;
	letter-spacing:1px;
	padding-left: 20px;
}
.case .boxReport ul li a {
	color:#333;
	text-decoration:underline;
}
.case .boxReport ul li a:hover {
	color:#669933;
	text-decoration:none;
}
.case .boxReport ul li span.text{
	font-size:0.80em !important;
	padding-left: 36px;
}





}





/* Mobile
-------------------------------------------- */
@media screen and (max-width: 680px){


.case .caseTop{
	width: 92%;
	margin: auto;
}

.case #main .caseTop h2{
	clear:both;
	background: none;
	padding:0;
	margin:0;
	border:none;
	margin-bottom:18px;
}

.case .caseTop h3{
	margin-bottom:15px;
}

.case .entryTop{
	float:left;
	background: #F5F4EF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:48%;
	margin-bottom:12px;
	padding: 12px 0 12px 0;
}
.case .entryTop:nth-child(even){
	clear: both;
}
.case .entryTop:nth-child(odd){
	float: right;
}

.case .entryTop .image{
	width: 70%;
	margin:auto;
	margin-bottom:12px;
}
.case .entryTop .box{
	padding:0 8px 0 8px;
}
.case .entryTop h4{
	font-size:1.3em;
	line-height:140%;
	margin-bottom:6px;
	padding-left:0;
}
.case .entryTop p{
	font-size:1.1em;
	line-height:150%;
	margin-bottom:10px;
}
.case .entryTop .btnDetail{
	width: 76px;
	margin: auto;
	text-align: center;
}


.case .category .categoryTitle{
	width: 90%;
	margin: auto;
}
.case .category .categoryTitle .image{
	float:right;
	width: 120px;
	margin-left:10px;
	margin-bottom:10px;
}

.case .category ul.subCategory{
	clear:both;
	margin:25px 0 0 0;
	padding-left:22px;
}
.case .category ul.subCategory li{
	font-size:1.3em;
}

.case .category .entry{
	background:#F6F4EF;
	border:1px solid #EFEFEF;
	padding:15px;
	margin-top:12px;
	position: relative;
}
.case .category .entry .image{
	float:right;
	width: 24%;
	margin-left: 12px;
	border:3px solid #EFEFEF;
	background-color: #FFF;

}
.case .category .entry .image a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.case .category h4{
	padding-left:0;
}
.case .category .entry p{

}

.case .category ul,ol {
	list-style-type: square;
	padding:0;
	margin-left:20px;
}

.case .boxReport h5{
	background-image:url(/image/report/icon_file.gif);
	background-position:0.3em 0.25em;
	background-repeat:no-repeat;
	color:#00468B;
	font-size:1.6em;
	font-family: "Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	line-height:160%;
	margin:0 0 12px;
	padding-left:35px;
	border:none;
}
.case .detail .entry .image {
	float:right;
}
.case .detail .entry p {
	width: 90%;
	margin: auto;
	font-size:1.3em;
}
.case .boxReport {
	border:1px solid #DEDEDE;
	padding:20px 20px 5px 20px;
	margin-top:35px;
}
.case .boxReport ul {
	list-style-type: square;
	padding-left:6px;
}
.case .boxReport ul li {
	display: block;
	font-size:1.2em;
	margin-bottom:8px;
}
.case .boxReport ul li a {
	color:#333;
	text-decoration:underline;
}
.case .boxReport ul li a:hover {
	color:#669933;
	text-decoration:none;
}
.case .boxReport ul li span.text{
	font-size:0.80em !important;
	padding-left: 36px;
}


}