/* [reset] */
#container{
}


/* scroll fix */
html {
	overflow-y: scroll; }

strong {
	font-weight: bold; }

body{
	min-width: 320px;
}

/*---ForFireFoxLink------------------*/
a:focus {
	outline: none; }

/*---clearFix ------------------*/
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden; }

.clearfix:after {
	clear: both; }

.clearfix {
	zoom: 1; }


/*////////////////////////////////////////

padding, margin

////////////////////////////////////////*/
.padT0 {
	padding-top: 0 !important; }

.padT1 {
	padding-top: 0.5em !important; }

.padT2 {
	padding-top: 1em !important; }

.padT3 {
	padding-top: 1.5em !important; }

.padT4 {
	padding-top: 2em !important; }

.padT5 {
	padding-top: 2.5em !important; }

.padL0 {
	padding-left: 0 !important; }

.padL1 {
	padding-left: 0.5em !important; }

.padL2 {
	padding-left: 1em !important; }

.padL3 {
	padding-left: 1.5em !important; }

.padL4 {
	padding-left: 2em !important; }

.padL5 {
	padding-left: 2.5em !important; }

.padR0 {
	padding-right: 0 !important; }

.padR1 {
	padding-right: 0.5em !important; }

.padR2 {
	padding-right: 1em !important; }

.padR3 {
	padding-right: 1.5em !important; }

.padR4 {
	padding-right: 2em !important; }

.padR5 {
	padding-right: 2.5em !important; }

.padB0 {
	padding-bottom: 0 !important; }

.padB1 {
	padding-bottom: 0.5em !important; }

.padB2 {
	padding-bottom: 1em !important; }

.padB3 {
	padding-bottom: 1.5em !important; }

.padB4 {
	padding-bottom: 2em !important; }

.padB5 {
	padding-bottom: 2.5em !important; }

.marT0 {
	margin-top: 0 !important; }

.marT1 {
	margin-top: 0.5em !important; }

.marT2 {
	margin-top: 1em !important; }

.marT3 {
	margin-top: 1.5em !important; }

.marT4 {
	margin-top: 2em !important; }

.marT5 {
	margin-top: 2.5em !important; }

.marL0 {
	margin-left: 0 !important; }

.marL1 {
	margin-left: 0.5em !important; }

.marL2 {
	margin-left: 1em !important; }

.marL3 {
	margin-left: 1.5em !important; }

.marL4 {
	margin-left: 2em !important; }

.marL5 {
	margin-left: 2.5em !important; }

.marR0 {
	margin-right: 0 !important; }

.marR1 {
	margin-right: 0.5em !important; }

.marR2 {
	margin-right: 1em !important; }

.marR3 {
	margin-right: 1.5em !important; }

.marR4 {
	margin-right: 2em !important; }

.marR5 {
	margin-right: 2.5em !important; }

.marB0 {
	margin-bottom: 0 !important; }

.marB1 {
	margin-bottom: 0.5em !important; }

.marB2 {
	margin-bottom: 1em !important; }

.marB3 {
	margin-bottom: 1.5em !important; }

.marB4 {
	margin-bottom: 2em !important; }

.marB5 {
	margin-bottom: 2.5em !important; }

/*////////////////////////////////////////

汎用class

////////////////////////////////////////*/
.align-c {
	text-align: center !important; }

.align-l {
	text-align: left !important; }

.align-r {
	text-align: right !important; }


#tpl-header,
#tpl-contents{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.4;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.tpl-inner-wrap {
	box-sizing: border-box;
	padding: 0 15px;
	margin: 0 auto;
	clear: both;

	position: relative;
}


/* [override] */
#jsheader{
	position: relative;
	z-index: 1000;
}


/* #tpl-header
----------------------------------------------------------- */
#tpl-header{
	background: #fff;

	/*position: absolute;
	left: 0;
	top: 44px;
	z-index: 100;*/

	width: 100%;
	min-width: 320px;

	border-bottom: 1px solid #d2d2d2;

	height: 50px;

	position: relative;
	z-index: 100;
}
#tpl-header.is-fixed{
	position: fixed;
	top: 0;
	left: 0;
}

#tpl-header .tpl-inner-wrap{
	padding: 0;
	position: relative;
}

	#tpl-header .logo a{
		-webkit-transition: opacity .2s;
		-moz-transition: opacity .2s;
		transition: opacity .2s;
	}
	#tpl-header .logo a:hover{
		opacity: 0.8;
	}
		#tpl-header .logo img{
			width: 237px;
		}
		@media screen and (max-width: 340px){
		#tpl-header .logo img{
			width: 215px;
		}
		}

	/* .btn-menu
	-----------------------------*/
	#tpl-header .btn-menu{
		position: absolute;
		right: 7px;
		top: 8px;
	}
		#tpl-header .btn-menu a{
			display: block;
			position: relative;
			padding: 15px;

			font-size: 12px;
			line-height: 1;
			text-decoration: none;

			padding: 8px 10px;

			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			border: solid 2px #d2d2d2;
		}
			#tpl-header .btn-menu a::before{
				content: "";
				display: inline-block;
				vertical-align: middle;

				width: 10px;
				height: 6px;
				background: url(/sp/health/common/img/icon-arrow-orange-down.png) no-repeat;
				background-size: 10px auto;

				margin-right: 3px;
			}

			#tpl-header .btn-menu a.is-open::before{
				background: url(/sp/health/common/img/icon-arrow-orange-up.png) no-repeat;
				background-size: 10px auto;
			}


/* #tpl-fix-obj
-----------------------------*/
#tpl-fix-obj{
}
#tpl-fix-obj.is-fixed{
	padding-top: 50px;
}


	/* #tpl-navi
	-----------------------------*/
	#tpl-navi{
		display: none;
		background: #fff;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;

		border-bottom: 1px solid #d2d2d2;
	}
		#tpl-navi .list{
		}
			#tpl-navi .list li{
				border-top: 1px solid #d2d2d2;
			}
			#tpl-navi .list a{
				display: block;
				position: relative;
				padding: 15px;

				font-size: 13px;
				line-height: 1;
				text-decoration: none;
			}
			#tpl-navi .list a.is-active{
			}
				#tpl-navi .list a::after{
					content: "";
					display: inline-block;
					position: absolute;
					top: 50%;
					right: 15px;
					-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);

					width: 5px;
					height: 10px;
					background: url(/sp/health/common/img/icon-arrow-orange.png) no-repeat;
					background-size: 5px auto;
				}

		/* .inner-bottom
		-----------------------------*/
		#tpl-navi .inner-bottom{
			padding: 25px 15px 30px;
			border-top: 1px solid #d2d2d2;
		}

			/* .search-wrap
			-----------------------------*/
			#tpl-navi .search-wrap{
			}
				#tpl-navi .search-wrap .inner input{
					border: none;
				}
				#tpl-navi .search-wrap .inner{
					width: 100%;
					height: 45px;
					-webkit-border-radius: 23px;
					-moz-border-radius: 23px;
					border-radius: 23px;
					border: solid 2px #dedcde;
					box-sizing: border-box;

					position: relative;
				}
				#tpl-navi .search-wrap .fs-text{
					outline: none;
					width: 77%;
					height: 41px;
					font-size: 16px;
					background: none;

					position: absolute;
					top: 0;
					left: 13px;
				}
				#tpl-navi .search-wrap .fs-btn{
					outline: none;
					width: 52px;
					height: 45px;
					background: url(/sp/health/common/img/navi-btn-search.png) no-repeat;
					background-size: auto 45px;

					position: absolute;
					top: -2px;
					right: -2px;

					text-indent: -9999px;

					cursor: pointer;
				}


			/* .sns-wrap
			-----------------------------*/
			#tpl-navi .sns-wrap{
				text-align: center;
				margin-top: 20px;
			}
				#tpl-navi .sns-wrap li{
					display: inline-block;
				}
				#tpl-navi .sns-wrap li + li{
					margin-left: 12px;
				}
					#tpl-navi .sns-wrap li img{
						width: 30px;
					}

			/* .btn-close
			-----------------------------*/
			#tpl-navi .btn-close{
				text-align: center;
				margin-top: 20px;
			}
				#tpl-navi .btn-close a{
					display: inline-block;
					font-size: 12px;
					line-height: 1;
					text-decoration: none;

					padding: 10px 15px;

					-webkit-border-radius: 30px;
					-moz-border-radius: 30px;
					border-radius: 30px;
					border: solid 2px #d2d2d2;

					box-sizing: border-box;
				}
					#tpl-navi .btn-close a::before{
						content: "";
						display: inline-block;
						vertical-align: middle;
						width: 10px;
						height: 9px;

						background: url(/sp/health/common/img/icon-close-orange.png) no-repeat;
						background-size: 10px auto;

						margin-right: 10px;
					}




/* #tpl-contents
----------------------------------------------------------- */
#tpl-contents{
	color: #141414;
	position: relative;
	min-width: 320px;
}
#tpl-contents.is-fixed{
}
	#tpl-contents p,
	#tpl-contents a{
		color: #141414;
	}


	/* .btn-pagetop
	-----------------------------*/
	#tpl-contents .btn-pagetop{
		text-align: center;
		margin-top: 20px;
	}
		#tpl-contents .btn-pagetop .btn{
			line-height: 1;
		}
			#tpl-contents .btn-pagetop .btn img{
				vertical-align: bottom;
				width: 89px;
			}



/* #tpl-page-title
-----------------------------*/
#tpl-page-title{
	margin-top: 15px;
}
	#tpl-page-title .title{
		font-size: 18px;
		line-height: 1;
		padding-top: 3px;
		font-weight: normal;
	}


/* #tpl-subcategory
-----------------------------*/
#tpl-subcategory{
	margin-top: 10px;
}
	#tpl-subcategory{
		overflow: hidden;
	}
	#tpl-subcategory .label{
		float: left;
		line-height: 1;

		box-sizing: border-box;
		border: 2px solid #d2d2d2;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;

		font-size: 13px;
		padding: 6px 13px 5px;

		display: inline-block;

		margin-top: 7px;
		margin-right: 5px;
	}

		#tpl-subcategory .label a{
			display: block;
			padding: 6px 13px 5px;
			margin: -6px -13px -5px;

			text-decoration: none;
		}
		#tpl-subcategory .label a:hover{
			color: #ea5541;
		}



/* #tpl-topicpath
-----------------------------*/
#tpl-topicpath{
	margin-top: 15px;
	position: relative;
	z-index: 1;
}
	#tpl-topicpath .list{
		overflow: hidden;
	}
		#tpl-topicpath .list li{
			display: inline-block;

			float: left;

			margin-right: 12px;
			margin-top: 5px;
			font-size: 11px;
		}


		#tpl-topicpath .list li + li{
		}
			#tpl-topicpath .list li::after{
				content: "";
				display: inline-block;
				vertical-align: middle;
				width: 5px;
				height: 7px;
				background: url(/sp/health/common/img/icon-arrow-gray.png) no-repeat;
				background-size: 5px auto;
				margin-left: 12px;
			}
			#tpl-topicpath .list li:last-child::after{
				display: none;
			}


			#tpl-topicpath .list a{
				font-size: 11px;
				text-decoration: underline;
			}
			#tpl-topicpath .list a:hover{
				text-decoration: none;
				color: #000;
			}



/* #sec-ranking
-----------------------------*/
#sec-ranking{
	margin-top: 55px;

	opacity: 0;


	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
}
#sec-ranking.is-loaded{
	opacity: 1;
}
	#sec-ranking .title-wrap{
		position: relative;
		background: #fff;

		text-align: center;
	}
		#sec-ranking .title-wrap .title{
			display: inline-block;
			vertical-align: top;
			position: relative;
			z-index: 5;
		}
			#sec-ranking .title-wrap .title img{
				width: 155px;
			}

		#sec-ranking .title-wrap .anime{
			display: inline-block;
			vertical-align: top;
			position: relative;
			z-index: 5;
		}
		#sec-ranking .title-wrap .anime--01{
			width: 53px;
			height: 80px;

			background: url(/sp/health/common/img/ranking-anime01.png) no-repeat;
			background-size: auto 160px;

			margin-right: 10px;
		}
		#sec-ranking .title-wrap .anime--01.on{
			background-position: 0 -80px;
		}

		#sec-ranking .title-wrap .anime--02{
			width: 50px;
			height: 72px;

			background: url(/sp/health/common/img/ranking-anime02.png) no-repeat;
			background-size: auto 144px;

			margin-left: 10px;
		}
		#sec-ranking .title-wrap .anime--02.on{
			background-position: 0 -72px;
		}

		#sec-ranking .title-wrap::after{
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			background: #ea5541;


			position: absolute;
			left: 0;
			top: 31px;
			z-index: 1;
		}


	/* .list-wrap
	-----------------------------*/
	#sec-ranking .list-wrap{
		background: #eee;
		box-sizing: border-box;

		margin: 20px -15px 0;
		padding: 15px 7px;
	}
		#sec-ranking .list-wrap .item{
			margin: 0 8px;
		}
		#sec-ranking .list-wrap .item a{
			display: block;
			position: relative;
			padding-top: 10px;
		}

			/* .rank
			-----------------------------*/
			#sec-ranking .list-wrap .item .rank{
				position: absolute;
				z-index: 10;
				top: 0;
				right: 5px;
				width: 23px;
				height: 33px;

				background: url(/sp/health/common/img/icon-bottle.png) no-repeat;
				background-size: 100%;
			}
				#sec-ranking .list-wrap .item .rank .num{
					color: #fff;
					font-size: 13px;
					line-height: 1;
					display: inline-block;
					text-align: center;
					width: 100%;
					padding-top: 17px;
				}


			#sec-ranking .list-wrap .item .pic{
				-webkit-transition: opacity .2s;
				-moz-transition: opacity .2s;
				transition: opacity .2s;
			}
			#sec-ranking .list-wrap .item a:hover .pic{
				opacity: 0.8;
			}
				#sec-ranking .list-wrap .item .pic img{
					width: 100%;
				}

			#sec-ranking .list-wrap .item .title{
				font-size: 11px;
				font-weight: bold;
				line-height: 1.4;
				margin-top: 10px;
			}
			#sec-ranking .list-wrap .item a{
				text-decoration: none;
			}
			#sec-ranking .list-wrap .item a:hover .title{
				text-decoration: underline;
			}


	/* [slick reset] */
	#sec-ranking .slick-arrow{
		display: none !important;
	}

	/* .btn-wrap
	-----------------------------*/
	#sec-ranking .btn-wrap{
		width: 100%;
		box-sizing: border-box;

		position: relative;
	}
		#sec-ranking .btn-wrap .btn{
			margin-top: 14%;

			position: absolute;
			top: 0;
			z-index: 20;

			width: 36px;
			height: 36px;
			-webkit-border-radius: 18px;
			-moz-border-radius: 18px;
			border-radius: 18px;
			background: #fff;
		}
			#sec-ranking .btn-wrap .btn a{
				display: block;
				text-indent: -9999px;

				box-sizing: border-box;

				width: 36px;
				height: 36px;
				-webkit-border-radius: 18px;
				-moz-border-radius: 18px;
				border-radius: 18px;
				border: solid 2px #d2d2d2;

				-webkit-transition: opacity .2s;
				-moz-transition: opacity .2s;
				transition: opacity .2s;

				background-size: auto 11px !important;
			}
			#sec-ranking .btn-wrap .btn a:hover{
				opacity: 0.5;
			}

		#sec-ranking .btn-wrap .btn--prev{
			left: 0;
		}
			#sec-ranking .btn-wrap .btn--prev a{
				background: #fff url(/sp/health/common/img/icon-arrow-orange-prev.png) no-repeat 13px center;
			}
		#sec-ranking .btn-wrap .btn--next{
			right: 0;
		}
			#sec-ranking .btn-wrap .btn--next a{
				background: #fff url(/sp/health/common/img/icon-arrow-orange.png) no-repeat 14px center;
			}



/* #sec-recommend
-----------------------------*/
#sec-recommend{
	margin-top: 20px;
	padding: 30px 0;
	background: #eee;
}
	#sec-recommend .title-wrap{
		position: relative;

		text-align: center;
	}
		#sec-recommend .title-wrap .title{
			display: inline-block;
			vertical-align: top;
			position: relative;
			z-index: 5;
		}
			#sec-recommend .title-wrap .title img{
				width: 155px;
			}

		#sec-recommend .title-wrap .anime{
			display: inline-block;
			vertical-align: top;
			position: relative;
			z-index: 5;
		}
		#sec-recommend .title-wrap .anime--01{
			width: 47px;
			height: 71px;

			background: url(/sp/health/common/img/recommend-anime01.png) no-repeat;
			background-size: auto 142px;

			margin-right: 10px;
		}
		#sec-recommend .title-wrap .anime--01.on{
			background-position: 0 -71px;
		}

		#sec-recommend .title-wrap .anime--02{
			width: 49px;
			height: 74px;

			background: url(/sp/health/common/img/recommend-anime02.png) no-repeat;
			background-size: auto 148px;

			margin-left: 10px;
		}
		#sec-recommend .title-wrap .anime--02.on{
			background-position: 0 -74px;
		}

		#sec-recommend .title-wrap::after{
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			background: #ea5541;


			position: absolute;
			left: 0;
			top: 31px;
			z-index: 1;
		}



/* [ component ]
-----------------------------*/

/* .tpl-list-wrap
-----------------------------*/
.tpl-list-wrap{
	padding-top: 25px;
}
	.tpl-list-wrap .list{
		overflow: hidden;
	}
	.tpl-list-wrap .item{
		float: left;
	}
	/* .tpl-list-wrap--col-multi
	-----------------------------*/
	.tpl-list-wrap .list{
		margin-left: -4.347826086956522%;/* 30/690 */
		margin-top: -5.797101449275362%;/* 40/690 */
	}
	.tpl-list-wrap .item{
		width: 45.83333333333333%;/* 330/720 */
		margin-left: 4.166666666666667%;/* 30/720 */
		margin-top: 5.555555555555556%;/* 40/720 */
	}
		.tpl-list-wrap .item a{
			text-decoration: none;
			position: relative;
			display: block;
		}

		.tpl-list-wrap .item .pic{
			position: relative;
			padding-top: 68.48484848484848%;/* 226/330 */
			overflow: hidden;
		}
		.tpl-list-wrap .item img{
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}


		.tpl-list-wrap .item .cate{
			padding-top: 10px;
			overflow: hidden;
		}
			.tpl-list-wrap .item .cate .label{
				float: left;
				line-height: 1;

				box-sizing: border-box;
				border: 2px solid #d2d2d2;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;

				font-size: 11px;
				padding: 5px 8px;

				display: inline-block;

				margin-right: 5px;
				margin-bottom: 5px;
			}

			.tpl-list-wrap .item .pic{
				-webkit-transition: opacity .2s;
				-moz-transition: opacity .2s;
				transition: opacity .2s;
			}
			.tpl-list-wrap .item a:hover .pic{
				opacity: 0.8;
			}
				.tpl-list-wrap .item .pic img{
					width: 100%;
				}

			.tpl-list-wrap .item .title{
				font-size: 15px;
				font-weight: bold;
				line-height: 1.4;

				margin-top: 3px;
			}
			@media screen and (max-width: 340px){
			.tpl-list-wrap .item .title{
				font-size: 14px;
			}
			}

			.tpl-list-wrap .item a:hover .title{
				text-decoration: underline;
			}



/* .tpl-new-wrap
-----------------------------*/
.tpl-new-wrap{
}
	.tpl-new-wrap .item.is-new a::before{
		content: "";
		position: absolute;
		top: -10px;
		right: 5px;
		z-index: 10;

		display: inline-block;
		width: 35px;
		height: 35px;
		background: url(/health/common/img/icon-new.png) no-repeat;
		background-size: 35px auto;
	}



/* .tpl-pager
-----------------------------*/
.tpl-pager{
	border-top: 1px solid #dedcde;
	border-bottom: 1px solid #dedcde;
	margin-top: 25px;
	padding-bottom: 25px;

	text-align: center;

	visibility: hidden;
}
.tpl-pager.is-visible{
	visibility: visible;
}
	.tpl-pager .list{

		padding-top: 25px;
		text-align: center;
	}
		.tpl-pager .list a{
			font-size: 14px;

			text-decoration: none;
		}


			/* .btn-num
			-----------------------------*/
			.tpl-pager .list .btn-num{
				display: inline-block;
				vertical-align: middle;
			}
			.tpl-pager .list .btn-num + .btn-num{
				margin-left: 8px;
			}
				.tpl-pager .list .btn-num a{
					display: inline-block;
					color: #fff !important;
					line-height: 27px;

					width: 30px;
					height: 30px;
					-webkit-border-radius: 15px;
					-moz-border-radius: 15px;
					border-radius: 15px;

					background: #323232;
					border: solid 2px #323232;

					box-sizing: border-box;
				}
				.tpl-pager .list .btn-num.fs-current a{
					color: #3e3e3e !important;
					background: #fff;
					border: solid 2px #d2d2d2;
				}

				/* .btn-nextprev
				-----------------------------*/
				.tpl-pager .btn-nextprev{
					display: inline-block;
					color: #989898 !important;
					vertical-align: middle;

					margin-top: 18px;
					position: relative;
				}
					.tpl-pager .btn-prev{
						padding-right: 25px;
						border-right: 1px solid #e0e0e0;
					}
					.tpl-pager .btn-next{
						margin-left: 25px;
					}
						.tpl-pager .btn-nextprev a{
							display: inline-block;
							color: #323232;
						}



/* .tpl-btn
-----------------------------*/
.tpl-btn{
	display: inline-block;
	width: 63.33333333333333%;/* 456/720 */
	text-align: center;
}

	.tpl-btn .label{
		display: inline-block;
		padding: 10px 0;
		font-size: 13px;
	}

/* .tpl-btn--black
-----------------------------*/
.tpl-btn--black{
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background-color: #141414;
}
	.tpl-btn--black .label{
		color: #fff;
	}

/* .tpl-btn--arrow-white
-----------------------------*/
.tpl-btn--arrow-white{
}
	.tpl-btn--arrow-white .label::after{
		content: "";
		display: inline-block;
		width: 6px;
		height: 11px;
		background: url(/sp/health/common/img/icon-arrow-white.png) no-repeat;
		background-size: 6px auto;

		margin-left: 10px;
	}



/* .tpl-subcate-list
-----------------------------*/
.tpl-subcate-list{
	overflow: hidden;
	margin-top: -5px;
}
	.tpl-subcate-list .label{
		float: left;
		line-height: 1;

		box-sizing: border-box;
		border: 2px solid #d2d2d2;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;

		font-size: 11px;
		padding: 5px 8px;

		display: inline-block;

		margin-right: 5px;
		margin-top: 5px;
	}
	.tpl-subcate-list--inline .label{
		float: none;
		display: inline-block;
	}


	.tpl-subcate-list .label + .label{
	}
		.tpl-subcate-list .label a{
			display: block;
			padding: 5px 8px;
			margin: -5px -8px;

			text-decoration: none;
		}


/* .tpl-article-sns
-----------------------------*/
.tpl-article-sns{
	width: 270px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

	background: #eee;

	box-sizing: border-box;
	padding: 5px;

	display: table;
}
	.tpl-article-sns .label{
		display: table-cell;
		vertical-align: middle;

		font-size: 13px;
		line-height: 0.8;
		padding-left: 3px;
	}

	.tpl-article-sns .list{
		display: table-cell;
		vertical-align: bottom;
		text-align: right;
		font-size: 0;
	}
		.tpl-article-sns .list a{
			-webkit-transition: opacity .2s;
			-moz-transition: opacity .2s;
			transition: opacity .2s;
		}
		.tpl-article-sns .list a:hover{
			opacity: 0.8;
		}
			.tpl-article-sns .list a img{
				width: 70px;
			}

		.tpl-article-sns .list li{
			display: inline-block;
		}
		.tpl-article-sns .list li + li{
			margin-left: 5px;
		}