@charset "shift_jis";
/*
 * parts.css
 *
 * Date    : 2014.11
 * Editor  : SM14
 *
 * ======================================================
 *
 * 1. reset
 *
 * ======================================================
 *
 */


/* X. ttlType
======================================================== */
.ttlType01 {
	border-bottom:1px solid #e6e6e6;
	text-align: left;
}
.ttlType01 span {
	padding-bottom: 7px;
	display: block;
	font-weight: bold;
	font-size: 107%; /* 14px */
	line-height:1.33;
}
#mainContents .ttlType01 {
	margin-bottom: 20px;
}
.ttlType02 {
	font-size: 184.6%; /* 24px */
	font-weight: bold;
	line-height:1.33;
}
.ttlType03 {
	font-size: 193%; /* 25px */
	font-weight: bold;
	line-height:1.33;
}

/* X. breadCrumbs
======================================================== */
.breadCrumbs {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #666;
	font-size: 92%; /* 12px */
	padding: 17px 0;
	background-color: #fff;
	border-top:1px solid #e6e6e6;
	margin-top:-1px;
}
.breadCrumbs ol {width:1000px;margin:0 auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.breadCrumbs li {
	display:inline;
	float:none;
	margin-left: 0px;
}
.breadCrumbs li:first-child {
	margin-left: 0;
}
.breadCrumbs li:before {
	content: "> "
}
.breadCrumbs li:first-child:before {
	content: "";
}
.breadCrumbs li a {
	color: #666;
	text-decoration: underline;
}

/* X. pageHeadBlk
======================================================== */
.pageHeadBlk {
	width: 1000px;
	margin: 0 auto;
	padding: 8px 0 25px;
	overflow: hidden;
	background-color: #fff;
}
.pageHeadBlk.simpleHead {
	padding-bottom: 20px;
}
.pageHeadBlk .ttlType02,
.pageHeadBlk .ttlType03 {
	float: left;
	width: 530px;
}
.pageHeadBlk .snsLink {
	float: right;
	margin-top: 3px;
}
.pageHeadBlk.simpleHead .snsLink {
	margin-top: 3px;
}
.pageHeadBlk .pageDescription {
	padding-top: 10px;
	clear: both;
}
/* editor_articlelist */
.pageHeadBlk .editorTxtBox {
	float: right;
	width: 863px;
	color: #000;
	padding-bottom: 6px;
}
.pageHeadBlk .editorTxtBox .editorInfo {
	font-size: 107%; /* 14px */
	line-height: 1.5; /* 21px */
	margin-top: 12px;
}
.pageHeadBlk .editorTxtBox .ttlType02,
.pageHeadBlk .editorTxtBox .ttlType03 {
	float: none;
}
.pageHeadBlk .editorTxtBox .snsLink {
	float: none;
	margin-top: 16px;
}
.pageHeadBlk .editorImg {
	float: left;
	width: 120px;
	height: 120px;
}
.pageHeadBlk .editorImg img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* X. pickupArticleSec
======================================================== */
#pickupArticleSec {
	background-color: #fcfcfc;
	border-top: 1px solid #e6e6e6;
    margin-top: -1px;
}
.pageHeadBlk + #pickupArticleSec {
	border-top:1px solid #e6e6e6;
}
#pickupArticleSec .secInner {
	padding: 20px 0 25px;
	overflow: hidden;
}
.pageHeadBlk + #pickupArticleSec .secInner {
}
#pickupArticleSec .pickupArticleBox {
	float: left;
	width: 300px;
	margin-left: 50px;
	position:relative;
}
#pickupArticleSec .pickupArticleBox:first-child {
	margin-left: 0;
}
#pickupArticleSec .pickupArticleBox a {
	text-decoration: none;
}
#pickupArticleSec .pickupArticleBox .pickupArticleImg {
	width: 300px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
#pickupArticleSec .pickupArticleBox .pickupArticleImg div {text-align:center;}
#pickupArticleSec .pickupArticleBox .pickupArticleTtl {
	font-size: 170%; /* 22px */
	line-height: 1.33;
	margin-top: 15px;
	color: #000;
}
#pickupArticleSec .pickupArticleBox a:hover .pickupArticleTtl {
	text-decoration: underline;
}
#pickupArticleSec .pickupArticleBox .pickupArticleData {
	color: #7f7f7f;
	font-size: 76.9%; /* 10px */
	margin-top: 10px;
	margin-right: -12px;
}
#pickupArticleSec .pickupArticleBox .pickupArticleData li {
	display: inline;
	margin-right: 12px;
	white-space: nowrap;
}
#pickupArticleSec .pickupArticleBox .pickupArticleData li:first-child {
	margin-left: 0;
}

/* X. articleHeadBlk
======================================================== */
.articleHeadBlk {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0 25px;
	overflow: hidden;
}
.articleHeadBlk .txtBox {
	float: right;
	width: 680px;
	padding-top: 2px;
}
.articleHeadBlk .txtBox .articleDescription {
	margin-top: 8px;
	font-size: 124%; /* 16px */
	line-height: 1.5; /* 21px */
}
.articleHeadBlk .txtBox .scrapbookBtn {float:left;}
.articleHeadBlk .txtBox .scrapbookBtn a {
	background: url(//img1.kakaku.k-img.com/images/tasclap/icon_scrapbook01.png) top 9px left 10px no-repeat #000;
  background-size: 14px 12px;
  color: #fff;
  font-size: 100%;
  padding: 6px 10px 6px 28px;
  border-radius: 4px;
  display: block;
  margin: 15px 10px 15px 0;
}
.articleHeadBlk .txtBox .scrapbookBtn a:hover {background-color:rgba(0,0,0,0.75);}
.articleHeadBlk .txtBox .scrapbookBtn.off a {background-color:#808080;}
.articleHeadBlk .txtBox .scrapbookBtn.off a:hover {background-color:rgba(128,128,128,0.75);}
.articleHeadBlk .txtBox .articleData {
	margin-top: 12px;
	color: #666;
	font-size: 92%; /* 12px */
	width:100%;
	overflow:hidden;
}
.articleHeadBlk .txtBox .articleData li {
	float: left;
	margin-left: 36px;
}
.articleHeadBlk .txtBox .articleData li:first-child {
	margin-left: 0;
}
.articleHeadBlk .articleMainImg {
	float: left;
	width: 300px;
	margin-top:5px;
}

/* X. articleListSec
======================================================== */
.articleListBlk {
	text-align: left;
}
.articleListBlk .articleListBox {
	overflow: hidden;
	margin-top: 30px;
	position:relative;
}
.articleListBlk .articleListBox.prBadge {margin-top:0;}
.articleListBlk .articleListBox a {
}
.articleListBlk .articleListBox:first-child {margin-top: 0;}
.articleListBlk .articleListBox .txtWrap {
	width: 550px;
	float: right;
}
.articleListBlk .articleListBox .boxCtg {
	float: left;
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-size: 76.9%; /* 10px */
	padding: 2px 6px;
}
.articleListBlk .articleListBox .boxDate {
	float: right;
	color: #7f7f7f;
	font-size: 76.9%; /* 10px */
}
.articleListBlk .articleListBox .boxScrapOff {
	float:right;
}
.articleListBlk .articleListBox .boxScrapOff a {
background:url(//img1.kakaku.k-img.com/images/tasclap/icon_scrapbook01.png) top 5px left 5px no-repeat #808080;
background-size:10px 9px;
color:#fff;
font-size: 76.9%; /* 10px */
padding: 2px 6px 2px 18px;
border-radius:3px;
display:block;
}
.articleListBlk .articleListBox .boxScrapOff a:hover {background-color:rgba(128,128,128,0.75);}

.articleListBlk .articleListBox .boxTtl,
.articleListBlk .articleListBox .boxTxt,
.articleListBlk .articleListBox .boxEditor {
	padding-left: 10px;
}
.articleListBlk .articleListBox .boxTtl {
	clear: both;
	padding-top: 10px;
	font-size: 162%; /* 21px */
	line-height: 1.33;
	font-weight: bold;
	color: #000;
}
.articleListBlk .articleListBox a:hover .boxTtl {
	 text-decoration: underline;
}
.articleListBlk .articleListBox .boxTxt {
	color: #808080;
	font-size: 100%; /* 13px */
	line-height: 1.5;
	margin-top: 7px;
}
.articleListBlk .articleListBox .boxEditor {
	margin-top: 4px;
	color: #a6a6a6;
	font-size: 76.9%; /* 10px */
}
.articleListBlk .articleListBox .boxImg {
	float: left;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.articleListBlk .articleListBox .boxImg div {text-align:center;}

/* X. pagination
======================================================== */
.pagination {
	display: inline-block;
	margin: 40px auto 0;
}
.pagination li {
	float: left;
	font-size: 92%; /* 12px */
	line-height: 1.0;
	width: 40px;
	text-align: center;
	margin-left: 6px;
}
.pagination li:first-child {margin-left: 0;}
.pagination li a {
	border: 1px solid #ebebeb;
	background-color: #fff;
	display: block;
	padding: 13px 0;
}
.pagination .current span {
	background-color: #000000;
	color: #fff;
	border: 1px solid #000;
	display: block;
	padding: 13px 0;
}
.pagination .ellipsis span {
	display: block;
	padding: 14px 0;
}

.pagination .prev span,.pagination .next span {
	border: 1px solid #ebebeb;
	background-color: #fff;
	display: block;
	padding: 13px 0;
	color:#ccc;
	}

/* X. categoryLink
======================================================== */
.categoryLinkBlk {position:relative;}
.categoryLinkBlk .keywordListLink {
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 92%;
    line-height: 1;
}
.categoryLink li {
	margin-top: 5px;
	padding: 3px 7px 3px 0;
}
.categoryLink li:hover {}
.categoryLink li a {
	display: block;
	background: url(//img1.kakaku.k-img.com/images/tasclap/ico_arrow_03.png) right center no-repeat;
}


/* X. cateNavList
======================================================== */
.cateNavList {margin-top:15px;}
.cateNavList li {float:left;margin-left:10px;}
.cateNavList li:first-child {margin-left:0;}
/* balloon-2 bottom */
.cateNavList li a {
	position: relative;
	display: inline-block;
	padding: 0 4px;
	width: auto;
	min-width: 150px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background: #000;
	z-index: 0;
}
.cateNavList li a:after {
	content: "";
	position: absolute;
	bottom: -5px; left: 50%;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
}

.cateKeywordList .cateBox {clear:both;padding-top:25px;padding-bottom:25px;}
.cateKeywordList .cateBox:first-child {padding-top:0;border-top:none;}
.cateKeywordList .cateBox h2 {font-size:162%;/* 21px */line-height:2;border-bottom:2px solid #333;padding-top:20px;margin-top:-20px;}
.cateKeywordList .cateBox .keywordBox {margin-top:20px;clear:both;float:left;}
.cateKeywordList .cateBox .keywordBox h3 {font-size:131%;/* 17px */line-height:1;}
.cateKeywordList .cateBox .keywordBox .keywordList {margin-top:10px;}
.cateKeywordList .cateBox .keywordBox .keywordList li {width:320px;float:left;margin-right:20px;}
.cateKeywordList .cateBox .keywordBox .keywordList li:nth-child(3n) {margin-right:0;}
.cateKeywordList .cateBox .keywordBox .keywordList li a {width:320px;display:block;line-height:2;}

/* X. popularAricleBlk
======================================================== */
.popularAricleBlk {
	margin-top: 30px;
}
.popularAricleBlk .popularAricleList {
	background-color: #fff;
	padding: 10px 0 0;
}
.popularAricleBlk .popularAricleList li {
	margin-top: 5px;
}
.popularAricleBlk .popularAricleList li:first-child {margin-top: 0;}
.popularAricleBlk .popularAricleList li a {
	display: block;
}
.popularAricleBlk .popularAricleList li .articleImg {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.popularAricleBlk .popularAricleList li a .articleTtl {
	display: table-cell;
	vertical-align: middle;
	width: 230px;
	padding-left: 10px;
	color: #000;
}
.popularAricleBlk .popularAricleList li a:hover .articleTtl {
	text-decoration: underline;
}



/* X. hotKeywordBlk
======================================================== */
.hotKeywordBlk {
	margin-top: 30px;
}
.hotKeywordBlk ul {
	background-color: #fff;
	overflow: hidden;
	padding: 5px 0 0;
}
.hotKeywordBlk li {
	float: left;
	border: 1px solid #ebebeb;
	margin-top: 5px;
	margin-right: 6px;
	font-size: 92%; /* 12px */
	white-space: nowrap;
}
.hotKeywordBlk li a {
	display: block;
	padding: 5px 5px 2px;
}


/* X. hotBrandBlk
======================================================== */
.hotBrandBlk {
	margin-top: 30px;
}
.hotBrandBlk ul {
	background-color: #fff;
	overflow: hidden;
	padding: 5px 0 0;
}
.hotBrandBlk li {
	float: left;
	border: 1px solid #f6f6f6;
	margin-top: 5px;
	margin-right: 6px;
	font-size: 92%; /* 12px */
	white-space: nowrap;
	background:url(//img1.kakaku.k-img.com/images/tasclap/ico_hotBrandList.png) 3px 7px no-repeat #f6f6f6;
}
.hotBrandBlk li:hover {border: 1px solid #ebebeb;background-color:#ebebeb;}
.hotBrandBlk li a {
	display: block;
	padding: 5px 5px 2px 17px;
}

/* X. popularEditorBlk
======================================================== */
.popularEditorBlk {
	margin-top: 30px;
	position: relative;
}
.popularEditorBlk .editorListLink {
	position: absolute;
	top: 3px;
	right: 2px;
	font-size: 92%; /* 12px */
	line-height:1;
}
.popularEditorBlk ul {
	background-color: #fff;
	padding: 5px 0 0;
}
.popularEditorBlk li {
	overflow: hidden;
	margin-top: 0px;
}
.popularEditorBlk li a {
	text-decoration: none;
}
.popularEditorBlk li:first-child {margin-top: 0;}
.popularEditorBlk li .editorImg {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	font-size: 0;
	line-height: 0;
}
.popularEditorBlk li .editorImg img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.popularEditorBlk li .editorTxtBox {
	display: table-cell;
	vertical-align: middle;
	width: 230px;
}
.popularEditorBlk li a:hover .editorTxtBox .editorName {
	text-decoration: underline;
}
.popularEditorBlk li .editorTxtBox .editorInfo {
	color: #999999;
	font-size: 92%; /* 12px */
	line-height: 1.5; /* 18px */
}

/* X. ad
======================================================== */
.ad468x60,
.ad300x250 {
	margin-top: 40px;
	font-size: 0;
	line-height: 0;
}

/* X. tagList
======================================================== */
.tagList {
	margin-top: 12px;
	color: #666;
	font-size: 92%; /* 12px */
}
.tagList dl {
	margin-top: 6px;
}
.tagList dl:first-child {
	margin-top: 0;
}
.tagList dt,
.tagList dd {
	display: table-cell;
	vertical-align: top;
}
.tagList dt {
	width: 6em;
	padding-top: 5px;
	padding-right: 4px;
	white-space: nowrap;
	text-align: right;
}
.tagList dd ul {
	overflow: hidden;
	margin-top: -4px;
	margin-right: -6px;
}
.tagList dd li {
	float: left;
	margin-right: 6px;
	margin-top: 4px;
}
.tagList dd li a {
  color: #666;
  border: 1px solid #ebebeb;
  background-color: #fff;
  display: block;
  padding: 4px 6px 3px;
}
/* 20150413sm12add */
.tagList dd li span {
  color: #bbb;
  border: 1px solid #ebebeb;
  background-color: #fff;
  display: block;
  padding: 4px 6px 3px;
}
/* /20150413sm12add */
.articleHeadBlk .txtBox .tagList {
	margin-top: 12px;
	clear:both;
}
#mainContents .tagList {
	margin-top: 50px;
	border-top: 1px solid #d9d9d9;
	padding-top: 13px;
}

/* X. itemList
======================================================== */
.itemList {
	margin-top: 12px;
	color: #666;
	font-size: 92%; /* 12px */
}
.itemList dl {
	margin-top: 6px;
}
.itemList dl:first-child {
	margin-top: 0;
}
.itemList dt,
.itemList dd {
	display: table-cell;
	vertical-align: top;
}
.itemList dt {
	width: 6em;
	padding-top: 5px;
	padding-right: 4px;
	white-space: nowrap;
	text-align: right;
}
.itemList dd ul {
	overflow: hidden;
	margin-top: -4px;
	margin-right: -6px;
}
.itemList dd li {
	float: left;
	margin-right: 6px;
	margin-top: 4px;
}
.itemList dd li a {
  color: #666;
  border: 1px solid #ebebeb;
  background-color: #fff;
  display: block;
  padding: 4px 6px 3px;
}
/* 20150413sm12add */
.itemList dd li span {
  color: #bbb;
  border: 1px solid #ebebeb;
  background-color: #fff;
  display: block;
  padding: 4px 6px 3px;
}
/* /20150413sm12add */
.articleHeadBlk .txtBox .itemList {
	margin-top: 12px;
}
#mainContents .itemList {
	margin-top: 50px;
	border-top: 1px solid #d9d9d9;
	padding-top: 13px;
}
.itemList .more {margin-top:3px;padding-top:2px;padding-left:15px;text-align:left;background: url(//img1.kakaku.k-img.com/images/tasclap/ico_arrow_03.png) left center no-repeat;}

/* X. snsLink
======================================================== */
.snsLink {
	overflow: hidden;
	margin-top: 15px;
}
.snsLink li {
	float: left;
}
.snsLink li.snsFacebook,
.snsLink li.snsHatena {
	padding-right: 10px;
}
.articleHeadBlk .txtBox .snsLink,
#mainContents .txtBox .snsLink {
	margin-top: 15px;
}
#sideNav .snsLink {
	margin-top: 27px;
}
#sideNav .snsLink li {
	margin-top: 3px;
}

/* X. relatedArticleBlk
======================================================== */
.relatedArticleBlk {
	margin-top: 50px;
}
.relatedArticleBlk .relatedArticleBox {
	text-align: left;
}
.relatedArticleBlk .relatedArticleBox {
	overflow: hidden;
	margin-top: 20px;
}
.relatedArticleBlk .relatedArticleBox a {
}
.relatedArticleBlk .relatedArticleBox:first-child {margin-top: 0;}
.relatedArticleBlk .relatedArticleBox .txtWrap {
	width: 610px;
	float: right;
}
.relatedArticleBlk .relatedArticleBox .boxCtg {
	float: left;
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-size: 76.9%; /* 10px */
	padding: 2px 6px;
}
.relatedArticleBlk .relatedArticleBox .boxDate {
	float: right;
	color: #7f7f7f;
	font-size: 76.9%; /* 10px */
	padding-top: 3px;
}
.relatedArticleBlk .relatedArticleBox .boxTtl {
	clear: both;
	padding-top: 12px;
	padding-left: 14px;
	font-size: 123%; /* 16px */
	font-weight: bold;
}
.relatedArticleBlk .relatedArticleBox a:hover .boxTtl {
	 text-decoration: underline;
}
.relatedArticleBlk .relatedArticleBox .boxImg {
	float: left;
	width: 60px;
	height: 60px;
}

/* X. editorListBlk
======================================================== */
.editorListBlk {
}
.editorListBlk li {
	overflow: hidden;
	margin-top: 30px;
	text-align: left;
}
.editorListBlk li a {
	text-decoration: none;
}
.editorListBlk li:first-child {margin-top: 0;}
.editorListBlk li .editorImg {
	width: 120px;
	height: 120px;
	float: left;
}
.editorListBlk li .editorImg img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 120px;
}
.editorListBlk li .editorTxtBox {
	width: 535px;
	float: right;
}
.editorListBlk li .editorTxtBox .editorName {
	font-size: 138.4%; /* 18px */
	font-weight: bold;
}
.editorListBlk li a:hover .editorTxtBox .editorName {
	text-decoration: underline;
}
.editorListBlk li .editorTxtBox .editorInfo {
	margin-top: 4px;
	color: #808080;
	font-size: 92%; /* 12px */
	line-height: 1.5; /* 18px */
}

/* X. errorPage
======================================================== */
.errHeadBlk {
	background-color: #fff;
}
.errHeadBlk .secInner {
	width: 1000px;
	padding: 57px 0 15px;
	margin: 0 auto;
	overflow: hidden;
}
.errTxt {
	text-align: left;
	color: #666666;
	font-size: 138.4%; /* 18px */
	line-height: 1.33;
	padding-top: 70px;
}

/* X. rules
======================================================== */
.rulesSec {
	color: #666;
	padding-top: 0px;
	padding-bottom: 100px;
}
.rulesSec .rulesTtl {
	border-bottom:1px solid #e6e6e6;
	text-align: left;
	margin-top: 42px;
	margin-bottom: 12px;
}
.rulesSec .rulesTtl:first-child {
	margin-top: 0;
}
.rulesSec .rulesTtl span {
	display: block;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 138.4%; /* 18px */
}
.rulesSec > ol {
	margin-top: 25px;
}
.rulesSec .rulesTtl + ol {
	margin-top: 15px;
}
.rulesSec ol + p{
	margin-top: 25px;
}
.rulesSec > ol > li {
	list-style-type: decimal;
	margin-top: 20px;
	margin-left: 25px;
	padding-right: 25px;
}
.rulesSec ol li:first-child {
	margin-top: 0;
}
.rulesSec > ol > li ol {
	margin-top: 20px;
}
.rulesSec > ol > li ol li {
	margin-top: 20px;
	margin-left: 25px;
	padding-right: 25px;
}
.rulesSec > ol > li > ol > li {
	list-style-type: lower-roman;
}
.rulesSec > ol > li > ol > li > ol > li {
	list-style-type: lower-alpha;
}
.rulesSec > .notes {
	text-align: right;
	margin-top: 12px;
	padding-bottom: 12px;
}

/* X. inquiry
======================================================== */
.inquirySec {
	padding-top: 15px;
}
.inquirySec p {
	font-weight: bold;
	font-size: 107%; /* 14px */
	line-height: 1.5; /* 21px */
}
.inquirySec p span {
	font-size: 124%; /* 16px */
	line-height: 1.5; /* 21px */
}
.inquirySec .address {
	margin-top: 20px;
	margin-bottom: 40px;
}
.inquirySec p.address img {
	margin-left: 15px;
	vertical-align: middle;
}

/* 20150522 added sm12
======================================================== */
.fb-page {
  margin-top: 30px;
  margin-bottom: 10px;
}

.relatedArticleBlk .relatedArticleBox .boxTtl {color:#666;}

.shareLinkBtn {
  padding: 20px 0 10px;
	height:20px;
  text-align:left;
	float:left;
}
.shareLinkBtn li {
	background: url(//img1.kakaku.k-img.com/images/tasclap/smartphone/icon_sns.png) no-repeat;
	-webkit-background-size: 20px 169px;
	background-size: 20px 169px;
	background-position: center top;
	border-radius: 2px;
	display: inline-block;
	margin-right: 5px;
	overflow: hidden;
	height:20px;

}
.shareLinkBtn li a {
	display: block;
	padding: 0 0 0 22px;
	height:20px;
	color:#fff;
	font-size:92%;
	line-height:1.8;
}
.shareLinkBtn li:last-child {
	margin-right: 0;
}
.shareLinkBtn li.snsFbLike {text-indent:0;width:auto;background:none;padding:0px;line-height:1.45;max-width:107px;}
.shareLinkBtn .snsFacebook {
	width: 70px;
	background-color: #3B5999;
	background-position: left top;
	height:20px;
}
.shareLinkBtn .snsTwitter {
	width: 80px;
	  background-color: #55acee;
	  background-position: left -38px;
}
.shareLinkBtn .snsGplus {
	width: 56px;
	background-color: #dd4937;
	background-position: left -74px;
}
.shareLinkBtn .snsHatena {
	width: 56px;
	background-color: #008fde;
	background-position: left -112px;
}

#fixedSnsBox {
position: fixed;
  top: 20px;
  left: auto;
  width: 1000px;
  right: auto;
  display: block;
}
#fixedSnsBox ul {
	display:none;
	position: absolute;
  left: -120px;
  top: 0;
  width: 69px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #e6e6e6;
	}
#fixedSnsBox li {
	background: url(//img1.kakaku.k-img.com/images/tasclap/smartphone/icon_sns.png) no-repeat;
	-webkit-background-size: 30px 253px;
	background-size: 30px 253px;
	background-position: center top;
	border-radius: 2px;
	width:69px;
	margin:10px auto 0;

}
#fixedSnsBox li:first-child {margin-top:0;}
#fixedSnsBox li a {
	display: block;
	text-align:center;
	padding:30px 0 0 0;
	height:19px;
	color:#fff;
	font-size:92%;
	line-height:1;
}
#fixedSnsBox .snsFacebook {
	background-color: #3B5999;
	background-position: center 3px;
}
#fixedSnsBox .snsTwitter {
	  background-color: #55acee;
	  background-position: center -53px;
}
#fixedSnsBox .snsGplus {
	background-color: #dd4937;
	background-position: center -109px;
}
#fixedSnsBox .snsHatena {
	background-color: #008fde;
	background-position: center -164px;
}

#sideNav {position:relative;}
.categoryLink {margin-bottom: 25px;}
.popularAricleBlk {margin-top: 0;}
.hotKeywordBlk {margin-top: 25px;}
.hotBrandBlk {margin-top: 25px;}
.snsPluginBlk {margin-top: 25px;}
.popularEditorBlk {margin-top: 25px;}
.fb-page {margin-top: 10px;height:130px;}
#moveBox {width:300px;padding-bottom:30px;}
.tw-page {
	width: 300px;
	background: url(//img1.kakaku.k-img.com/images/tasclap/smartphone/icon_sns.png) no-repeat;
	-webkit-background-size: 25px 245px;
	background-size: 27px 245px;
	border-radius: 3px;
	display: inline-block;
	margin-right: 5px;
	text-align:center;
	overflow: hidden;
		  background-color: #55acee;
	  background-position: 5px -54px;
	  }
.tw-page a {
	display: block;
	padding: 6px 0;
	color:#fff;
}

.popularAricleBlk .popularAricleList li {position:relative;}
.popularAricleBlk .popularAricleList li .rank {
	position:absolute;
	top:0;
	left:0;
	width:27px;
	height:27px;
	background: url(//img1.kakaku.k-img.com/images/tasclap/bg_rank.png) no-repeat;
	-webkit-background-size: 27px 27px;
	background-size: 27px 27px;
	z-index:1;
	color:#000;
	font-size: 12px;
	text-indent: 3px;
	line-height: 1.5;
	}


/* X. prSummaryBlk
======================================================== */
.prSummaryBlk {
	margin-top: 25px;
	position:relative;
}
.prSummaryBlk .prSummaryList {
	background-color: #fff;
	padding: 10px 0 0;
}
.prSummaryBlk .prSummaryList li {
	margin-top: 5px;
}
.prSummaryBlk .prSummaryList li:first-child {margin-top: 0;}
.prSummaryBlk .prSummaryList li a {
	display: block;
}
.prSummaryBlk .prSummaryList li .articleImg {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.prSummaryBlk .prSummaryList li a .articleTtl {
	display: table-cell;
	vertical-align: middle;
	width: 230px;
	padding-left: 10px;
	color: #000;
}
.prSummaryBlk .prSummaryList li a:hover .articleTtl {
	text-decoration: underline;
}

/* X. relatedLinksBlk
======================================================== */
.relatedLinksBlk {
	margin-top: 0;
	position:relative;
}
.relatedLinksBlk .relatedLinksList {
	background-color: #fff;
	padding: 10px 0 0;
}
.relatedLinksBlk .relatedLinksList li {
	margin-top: 5px;
}
.relatedLinksBlk .relatedLinksList li:first-child {margin-top: 0;}
.relatedLinksBlk .relatedLinksList li a {
	display: block;
}
.relatedLinksBlk .relatedLinksList li .articleImg {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.relatedLinksBlk .relatedLinksList li a .articleTtl {
	display: table-cell;
	vertical-align: middle;
	width: 230px;
	padding-left: 10px;
	color: #000;
}
.relatedLinksBlk .relatedLinksList li a:hover .articleTtl {
	text-decoration: underline;
}


.pickupArticleBox .prBadge {display:block;position:absolute;bottom:0;right:0;background:#aaa;font-size:76.9%;color:#fff;line-height:1;padding:2px 3px;border-radius:3px;}
.articleListBox .prBadge {display:block;position:absolute;top:0;right:0;background:#aaa;font-size:76.9%;color:#fff;line-height:1;padding:2px 3px;border-radius:3px;}

.pickupArticleBox.prBadge .pickupArticleData:before {content:"Sponsored";background:#aaa;color:#fff;padding:1px 3px;border-radius:3px;position:absolute;right:0;}
.pickupArticleBox.prBadge .pickupArticleData .boxDate {display:none;}
#pickupArticleSec .pickupArticleBox.prBadge .pickupArticleData li {display: block;width: 230px;white-space: normal;}

.articleListBox.prBadge .txtWrap .boxDate {display:none;}

.prSummaryBlk .ttlType01 {}
.prSummaryBlk .prListLink {
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 92%;
    line-height: 1;
}

.articleHeadBlk .txtBox .articleData li.sponsored {clear:both;margin-left: 0;background:#efefef;border:1px solid #ccc;color:#999;padding:2px 4px;border-radius:2px;	margin-top:20px;}

/* X. featureArticleBlk
======================================================== */
.featureArticleBlk {margin-top:25px;position:relative;}
.featureArticleBlk .listLink {
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 92%;
    line-height: 1;
}
.featureArticleBlk .featureArticle {margin-top:10px;position:relative;}
.featureArticleBlk .featureArticle .date {position:absolute;top:0;right:0;color:#fff;background:#000;width:70px;height:70px;text-align:center;line-height:1;font-weight:bold;font-size:9px;z-index:1;}
.featureArticleBlk .featureArticle .date span {font-size:38px;display:block;margin-top:10px;font-weight:normal;}
.featureArticleBlk .featureArticle .image {height:120px;overflow:hidden;}
.featureArticleBlk .featureArticle .image img {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.featureArticleBlk .featureArticle .image img:hover {opacity:0.8;}
.featureArticleBlk .featureArticle .title {
  margin-top:5px;font-size: 124%;
  background: url(//img1.kakaku.k-img.com/images/tasclap/feature/icon_feature.png) right 0 top -28px no-repeat;
  background-size: 10px 150px;
  overflow: hidden;
	padding: 0 20px 0 0;
    }
.featureArticleBlk .featureArticle .title span{font-size:64%;color:#666;display:block;line-height:1.6;}

/* X. OUTBRAIN
======================================================== */
.AR_1.ob-widget .ob-widget-section .ob-widget-header {padding-bottom:7px;}

/* X. bottomStaticBlk */
.bottomStaticBlk .fashionbible {margin-top:20px;}
.bottomStaticBlk .fashionbible .title {
    margin-top: 5px;
    font-size: 124%;
    background: url(//img1.kakaku.k-img.com/images/tasclap/feature/icon_feature.png) right 0 top -33px no-repeat;
    background-size: 10px 150px;
    overflow: hidden;
    padding: 0 20px 0 0;
}
.bottomStaticBlk .fashionbible .image img {width:100%;}

/* X. scrapbook */
.scrapList .scrapListTtl {
	text-align: left;
	margin-bottom: 10px;
}
.scrapList .scrapListTtl span {
	font-weight: bold;
	font-size: 153.8%;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 10px;
	color: #666;
}
.scrapList .scrapListTxt {
    text-align: left;
    font-size: 124%;
    line-height: 1.6;
    color: #666;
		margin-bottom:20px;
}
.scrapList .scrapListTxt span {
	clear:both;display:block;font-size:13px;margin-top:10px;
}
