@charset "shift_jis";
/*
 * article.css
 *
 * Date    : 2014.11
 * Author  : SM14
 *
 * ======================================================
 *
 * 1. reset
 *
 * ======================================================
 *
 */


/* X. common
======================================================== */
.artPartsImgLeft01,
.artPartsImgCnt01,
.artParts2column,
.artPartsNonImg {
	margin-bottom: 25px;
	color: #000;
	width: 670px;
}
.artNumber01 {
	text-align: left;
	margin-bottom: 10px;
}
.artNumber01 span {
	display: inline-block;
	background-color: #eaeaea;
	padding: 4px 6px 1px;
}
.artCatch01 {
	font-weight: bold;
	font-size: 153.8%; /* 20px */
	line-height: 1.5;
	text-align: left;
	margin-bottom: 10px;
	color: #666;
}
.artCatch01 a {
	color: #666;
}
.artTxt01 {
	text-align: left;
	font-size: 124%; /* 16px */
	line-height: 1.6;
	color: #666;
}
.artBtn01 {
	margin-top: 10px;
}
.artBtn01 a {
	display: inline-block;
	background: #000000 url(//img1.kakaku.k-img.com/images/tasclap/btn_arrow_01.png) 9px center no-repeat;
	color: #fff;
	text-decoration: none;
	padding: 6px 9px 4px 22px;
	font-size: 107%; /* 14px */
}
.artSource01 {
	text-align: left;
}
.artSource01 a {
	font-size: 76.9%; /* 10px */
	color: #808080;
}
.artSource01 a img{
	vertical-align: middle;
}
.artImgBox a:hover img,
.artImg01 a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* X. artPartsTtl
======================================================== */
.artPartsTtl01 {
	border-bottom:2px solid #333;
	text-align: left;
	margin-bottom: 20px;
}
.artPartsTtl01 span {
	padding-bottom: 3px;
	display: block;
	font-weight: bold;
	font-size: 177%; /* 23px */
	color:#333;
	line-height:1.33;
}

/* X. artPartsImgLeft
======================================================== */
.artPartsImgLeft01 {
	text-align: left;
	overflow: hidden;
}
.artPartsImgLeft01 .artTxtBox {
	float: right;
	width: 455px;
}
.artPartsImgLeft01 .artImgBox {
	float: left;
	width: 200px;
}

/* X. artPartsImgCnt
======================================================== */
.artPartsImgCnt01 {
	text-align: center;
}
.artPartsImgCnt01 .artImgBox {
	width: 450px;
	margin: 0 auto 15px;
}
.artPartsImgCnt01 .artMovBox {width:560px;text-align:center;margin:0 auto 15px;}
.artPartsImgCnt01 .artBtn01 {
	text-align: left;
}

/* X. artParts2column
======================================================== */
.artParts2column {
	overflow: hidden;
}
.artParts2column .artPartsColumn {
	width: 325px;
	float: left;
}
.artParts2column .artPartsColumn:first-child {
	margin-right: 20px;
}
.artParts2column .artPartsColumn .artImgBox {
	width: 240px;
	margin: 0 auto 10px;
}
.artParts2column .artPartsColumn .artTxtBox .artBtn01 {
	text-align: left;
}

/* X. artPartsNonImg
======================================================== */
.artPartsNonImg .artTxtBox .artBtn01 {
	text-align: left;
}

/* X. artImg
======================================================== */
.artImg01 {
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	line-height: 0;
	font-size: 0;
}
.artPartsImgCnt01 .artImg01 {
	width: 450px;
}
.artParts2column .artImg01 {
	width: 240px;
}
.artPartsImgLeft01 .artImg01 {
	width: 200px;
}
.artPartsImgLeft01 .artImg01 img {
	max-width: 200px;
}
.artPartsImgCnt01 .artImg01 img {
	max-width: 450px;
}
.artParts2column .artImg01 img {
	max-width: 240px;
}

/* 20150522 added sm12 */
.artTxt01 a {text-decoration:underline;}

/* 20150604 added sm12 */
.otherBox {border:1px solid #e6e6e6;padding:20px 15px 10px;border-radius:5px;background:#fff;overflow:hidden;}
#mainContents .tagList {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

.pagerBox {margin-top:25px;padding-bottom:50px;}
.pagerBox li a {display:block;font-size:123%;width:160px;height:30px;color:#fff;background: url(//img1.kakaku.k-img.com/images/tasclap/smartphone/icon_common.png) no-repeat #000;background-size: 25px 680px;padding-top:10px;}
.pagerBox .prev {float:left;}
.pagerBox .prev a {background-position:6px -580px;}
.pagerBox .next {float:right;}
.pagerBox .next a {background-position:138px -472px}

.relatedArticleBlk {clear:both;}


.photoBlock {border:1px solid #e6e6e6;}
.photoBlock .photoView {padding:10px;}
.photoBlock .sourceView {text-align: left;width:450px;margin:0 auto 10px;}
.photoBlock .sourceView a {font-size: 76.9%;color: #808080;}
.photoBlock .sourceView a img {vertical-align: middle;}
.photoBlock .titleView {border-top:1px solid #e6e6e6;padding:10px;}
.photoBlock .titleView a {text-decoration:underline;margin-right:3px;}

.otherPhotoBlock {padding-top:25px;}
.otherPhotoBlock ul li {width:120px;height:120px;margin-left:15px;float:left;display:table;margin-bottom:15px;}
.otherPhotoBlock ul li:first-child {margin-left:5px;}
.otherPhotoBlock ul li a {display:block;width:120px;height:120px;display: table-cell;vertical-align: middle;text-align: center;}
.otherPhotoBlock ul li img {max-width:120px;height:auto;}

.articleMainBlock {clear:both;padding-top:25px;}
.articleMainBlock .articleListBlk {}

/* ボタン褁E��匁E20170516 */
.artSource01 {margin-bottom:10px;}
.artBtnBox {overflow:hidden;float:left;margin:0;text-align: left;border:1px solid #e6e6e6;padding:20px 0 20px 20px;margin-top:10px;width:638px;margin-bottom:50px;}
.artBtnBox .artBtnTxt01 {font-size:122%;line-height:1.6;}
.artBtnBox .artBtnTxt01 a {color:#0867bf;}
.artBtnBox .artBtnTxt01 span {font-size:80%;display:block;color:#333;}
.artBtnBox .artBtn01 {margin-right:15px;display:block;margin-bottom:0;float:left;margin-top:10px;}
.artBtnBox .artBtn01 a {
background: #000000 url(//img1.kakaku.k-img.com/images/tasclap/btn_arrow_01.png) 9px center no-repeat;
color: #fff;
text-decoration: none;
padding: 0;
font-size: 100%;
width: 195px;
height: 36px;
text-align: center;
line-height: 3;
border-radius:3px;
}
.artBtnBox .artBtn01 a:hover {text-decoration:underline;background-color:rgba(0,0,0,0.8);}
.artPartsImgLeft01 .artBtnBox {margin-bottom:0;}
.artParts2column .artPartsColumn .artBtnBox {width:283px;padding:20px;margin-bottom:0;}
.artParts2column .artPartsColumn .artBtnBox .artImg01 {margin:0 auto;}
.artParts2column .artPartsColumn .artBtnBox .artBtn01 {float:none;margin-left:0;margin:10px 0 0;width:100%;padding-left:0;border-left:none;}
.artParts2column .artPartsColumn .artBtnBox .artBtn01 a {width:100%;}

.artBtnBox.btn {border:none;padding:0;width:100%;}
.artBtnBox.btn .artBtn01 a {width:auto;padding:0 25px;}
.artBtnBox.btn .artBtnTxt01 {display:none;}
.artParts2column .artPartsColumn .artBtnBox.btn {padding:0 20px;}
.artParts2column .artPartsColumn .artBtnBox.btn .artBtn01 a {padding:0;}