.pan{
	text-decoration: underline;
}
/*パンくずリスト*/
ul.bread_list {
	display: flex;
	margin-top:5px;
	font-size: 13px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.bread_list li:not(:last-child):after {
	content: " > ";
	margin-right:30px;
}
.container{
	display: flex;
	/* max-width: 960px; */
	margin-left: 80px;
	margin-right:80px;
	/* background-color: #F2F2F2;*/
}
.left{
	width: 65%;
	margin-left: 60px;
	padding-right: 28px;
}
.contents{
	flex: 1;
	border-left: solid 1px #A4A4A4;
	margin-top: 60px;
	width: 35%;
	/* width: 35%; */
}
.image1{
	width: 100%;
}
.kizititle{
	font-size: 30px;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
}
.day{
	font-size: 12px;
	border-bottom: solid 1px;
	padding-top:30px;
	padding-bottom: 10px;
	color: #848484;
}
.sns{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.article-content + .sns {
	margin-top: 20px;
	margin-bottom: 20px;
}
.kizi1{
	line-height: 27px;
	margin-top:20px;
	margin-bottom: 60px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.tag{
	border-bottom:solid 1px #868686;
	margin-bottom: 40px;
}
.card-text {
	margin-right: 20px;
	border-radius: 4px;
	background-color: #315182;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	width: auto;
	color: #fff;
	font-size: 14px;
	/* margin-top: 50px; */
	margin-bottom: 20px;
}
.kao{
	width: 20%;
	margin-bottom: 50px;
	float: left;
	margin-right: 15px;
	padding-right:10px;
	border-right:solid 1px #2d2d2d;
}
.write{
	font-size:13px;
}
.kisya{
	font-size:18px;
	font-weight:bold;
	padding-top:30px;
}
.pnow {
	width: 300px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	text-align: center;
}
.pnow2 {
	margin-top: 90px;
	width: 300px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	text-align: center;
}
.Popularnow{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border-bottom: solid 1px;
	padding-bottom: 7px;
	margin-bottom:20px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}
.popimg1 {
	margin-top: 10px;
	border-radius: 10px;
	width: 80%;
}
.rank1{
	font-size: 13px;
	width: 80%;
	margin-left: 30px;
	padding-top: 5px;
	line-height: 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-align:left;
}
hr{
	width: 80%;
	border: none;
	margin-top: 15px;
	border-bottom: solid 1px #BDBDBD;
}
.popimg2{
	float:left;
	border-radius:10px;
	width: 150px;
	margin-left: 20px;
	margin-top: 20px;
	padding-right: 5px;
	text-align: left;
}
.rank2{
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	width: 85%;
	margin-left: 30px;
	padding-top: 15px;
	color: #000;
	line-height: 23px;
}
.gazo{
	margin-top: 10px;
	margin-bottom: 30px;
	/* display: inline-block; */
	text-align: left;
}
.gazomatome{
	padding-bottom: 5px;
}
.koukoku{
	margin-left: 30px;
	margin-top: 40px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}
.koukokumatome{
	width: 300px;
	text-align: center;
}
.hmenu {
	text-align: center;
	display: block;
	background-color: #000000;
	padding:5px
}
.hmenu ul {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	margin: 13px 0;
	list-style: none;
	text-align:center;
}
.hmenu li {
	margin: 15px;
	padding-right: 30px;
	display: inline;
	border-right:1px solid #7e7e7e;
}
.hmenu li:last-child {
	border-right: none;
}
.hmenu li a {
	color: #fff;
	text-decoration: none;
}
.hmenu li a:hover {
	color: #f00;
	text-decoration: underline;
}
.hmenu2 {
	margin-top:30px;
	text-align: center;
	display: block;
	background-color: #000000;
	padding:5px;
	padding-top: 20px;
}
.hmenu2 li {
	margin: 15px;
	padding-right: 30px;
	display: inline;
	border-right:1px solid #7e7e7e;
}
.hmenu2 li:last-child {
	border-right: none;
}
.hmenu2 li a {
	color: #fff;
	text-decoration: none;
}
.hmenu2 li a:hover {
	color: #f00;
	text-decoration: underline;
}
.hero{
	width: 100%;
}
.miss {
	color: white;
	font-size: 40px;
	font-family: "HelveticaNeue-bold", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-left: 30px;
	width:800px;
}
.bun1 {
	color: white;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	margin-left: 30px;
	margin-top: 30px;
	line-height:30px;
	width:600px;
}
.square_btn {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #ffffff;
	border: solid 2px #ffffff;
	border-radius: 3px;
	transition: .4s;
	margin-left: 30px;
	margin-top: 30px;
}
.square_btn:hover {
	background: #ffffff;
	color: #323232;
}
.card {
	background-color:#fdfdfd !important;
	display: table-cell;
	background: #fff;
	box-shadow: 0 2px 5px #ccc;
	margin-top: 20px;margin-bottom: 50px;
}
.card-img {
	/*border-radius: 5px 5px 0 0;*/
	max-width: 100%;
	width: 100%;
}
.card-content {
	padding-top: 5px;
	margin-bottom: -30px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	line-height:30px;
}
.card-content2 {
	text-align: left;
	border-bottom: solid 1px #cccccc;
}
.card-content3 {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}
.card-title {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: left;
	color: #333;
}
.card-link {
	font-size:14px;
	/* text-align: left; */
	padding-bottom: 20px;
	padding-top: 20px;
	/* padding-left: 15px; */
	border-top: dotted 1px #d6d6d6;
}
.card-link a {
	text-decoration: none;
	color: #585858;
	margin: 0px;
	padding-left: 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.card-link a:hover {
	color: #0090aa;
	background-color:#fbfbfb;
}
.soto2 {
	width:33%;
}
.soto3 {
	width:33%;
}
.ccca{
	/* text-align:center; */
	max-width: 960px;
	margin-left: auto;
	margin-right:auto;
	/* width: auto; */
	/* background-color: #f00; */
}
.soto  {
	display: inline-block;
	padding: 30px 10px 0 20px;
	width: 30%;
	/* background-color:#828282; */
}
.mitu1 {font-size: 0;line-height: 0;letter-spacing: 0;text-align:left;display: inline-block;/* margin-left:-10px; *//* margin-right: -10px; */}
.TileWrap{
	text-align:center;
	overflow-x: hidden;
}
img.whit {
	position: absolute;
	top: 400px;
	left: 0px;
	width:944px;
}
p.rec {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #a0a0a0;
	font-weight:bolder
}
img.logo {
	position: absolute;
	top: 14px;
	left: 23px;
	width:100px;
}
img.logo2 {
	margin-top:8px;
	margin-bottom:30px;
	height:25px;
}
.icon1{
	position: relative;
	top: -30px;
	left: 285px;
	width:28px
}
.icon2{
	position: relative;
	top: -30px;
	left: 208px;
	width:28px
}
.catch-sample {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	margin-bottom:20px;
}
.hero{
	width: 100%;
}
.catch-text {
	position: absolute;
	color: #fff;
	left: 0;
	bottom: 0px;
	background: #ffffff5c;
	width: 100%;
	max-width: 900px;
	padding: 1em 0;
}
footer {
	width:100%;
	background-color: #000000;
	color:#FFF;
	font-size:12px;
}

#foot_guide {
	width:auto;
	margin:-3px;
}

.foot {
	padding-bottom: 30px;
	width:100%;
	background-color: #000000;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding-top: 20px;
}
#pager {
	margin-bottom: 50px;
}
#pager ul {
	display: inline-block;
}
#pager li {
	display:inline-block;
	margin-right:-10px;
}
.apage{
	padding: 9px;
	border-radius: 2px;
	color: #d6d6d6;
	background-color: #212121;
	font-size:16px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#gallery-cell {
	width: 100%;
	margin-right: 10px;
}
.card-img2 {
	border-radius: 5px 5px 0 0;
	width: 25%;
	float: left;
	padding-right: 10px;
}
.card-title2{
	font-size: 13px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 25px;
	padding-top: 5px;
	line-height: 20px;
	width: 300px;
	border-bottom: solid 1px;
}
a {
	color: #1f1f1f;
	text-decoration: none;
}
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pageTop i {
	padding-top: 6px
}
#pageTop img {
	width: 50px;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.bbb{
	width: 55px;
	height: 55px;
}
.column-box {
	overflow-x: hidden;
}
.float-box-outer {
	width: 33%;
	float: right;
}
.float-box-outer div {
	width:240px;
}
.float-box-outer div .rec{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:36px;
	padding-bottom:14px;
	padding-left:20px;
	color:#4e4e4e;
}
.float-box-outer img {
	float:left;
	width:125px;
	margin-right:10px;
	margin-left:24px;
	padding-top:23px;
	margin-top:15px;
}
.float-box-outer h1 {
	font-size: 13px;
	width:auto;
	font-weight:normal;
	padding-bottom:15px;
	padding-top:14px;
	margin-top:18px;
	/* margin-bottom:48px; */
	line-height: 23px;
}
.float-box-outer::-webkit-scrollbar {
	width: 12px;
	height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.float-box-outer::-webkit-scrollbar-track {
	border-radius:6px;
	background: #e6e6e6;
}
/*スクロールバーの色・角丸指定*/
.float-box-outer::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background:#09C9D9;
}

.hero { display: block !important; }
.hero2 { display: none !important; }
.foot{ display: block !important; }
.foot2{ display: none !important; }
.webm { display: block !important; }
.spm { display: none !important; position:relative;}
#pager {display: block !important;
text-align:center;
margin-top:50px; }
#pager2 {display: none !important; }
.float-box-outer2{ display: none !important; }
@media screen and (max-width: 930px){
	.contents{display: none !important; }
	.left{
		width: 100%;
	}
	.hero { display: none !important; }
	.hero2 { display: block !important; }
	.webm { display: none !important; }
	.spm { display: block !important;
	text-align:center;
	height:40px;}
	.hero2 {
		width: 100%;
	}
	.spmenu{
		color: #fff;
		text-decoration: none;
	}
}
.float-box-outer{ display: none !important; }
.float-box-outer2{ display: block !important; }
.float-box-outer2{
	text-align: center;
	margin-bottom: 30px;
}
.center{
	max-width: 85%;
	margin: 0 auto;
	text-align: center;
	border-top: dotted 1px #a5a5a5;
}
.center0{
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}
.center2{
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	border-bottom: dotted 1px #a5a5a5;
}
.sp-title{
	width: 85%;
	font-size: 18px;
	font-weight: bold;
	border-top: solid 2px #8e8d8d;
	padding-top: 20px;
	padding-bottom: 20px;

	display: inline-block;
}
.center p{
	padding-top: 20px;
	padding-bottom:20px;
	line-height: 25px;
	width: 85%;
	font-weight:bold;
	display: inline-block;
	color:  #3c3c3c !important;
	text-align: left;
}
.article-title{
	text-align: center;
	margin-bottom: 30px;
}
.article{
	width: 20%;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #8e8d8d;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 50px;
}
.article2{
	font-size: 13px;
}
.card-link {
	text-align:left;
	font-size:14px;
	/* text-align: left; */
	padding-bottom: 20px;
	padding-top: 20px;
	/* padding-left: 15px; */
	border-top: dotted 1px #d6d6d6;
}
/*
hr
{
	width: 85%;
	border:none;
	border-top:solid 2px #CCC;
	height:1px;
	color:#FFFFFF;

}
*/
@media screen and (max-width: 930px){
	.mitu1{
		text-align: center;
	}
	.soto  {
		display: inline-block;
		padding: 20px 10px 0 10px;
		width:45%;
		text-align: center;
	}
	.card-text {
		display:inline-block;
		padding-right:7px;
		padding-left:7px;
		width:auto;
		color: #fff;
		font-size: 13px;
		margin-top:10px;
		margin-bottom: 15px;
		background-color:#315182;
		border-radius:4px;
	}
}
@media screen and (max-width: 640px){
	.kao {
		width: 40%;
		margin-bottom: 50px;
		float: left;
		margin-right: 15px;
		padding-right: 10px;
		border-right: solid 1px #2d2d2d;
	}
	.kizititle {
		font-size: 24px;
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 20px;
		line-height: 30px;
	}
	.container {
		display: flex;
		margin-left: 0px;
		margin-right: 0px;
	}
	.left {
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
		padding-right: 0px;
	}
	#pager {display: none !important; }
	#pager2 {display: block !important; }
	#foot_guide{ display: none !important; }
	.foot{ display: none !important; }
	.foot2{ display: block !important; }
	.bun1 { display: none !important; }
	.article {
		width: auto;
		margin-top: 20px;
		font-size: 18px;
		font-weight: bold;
		border-bottom: solid 1px #8e8d8d;
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center;
		display: inline-block;
	}
	.ccca {
		/* text-align: center; */
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		/* width: auto; */
		/* background-color: #f00; */
		padding: 0 10px;
	}
	.soto  {
		padding: 20px 10px 0 10px;
		width: auto;
		text-align: center;
	}
	.center p {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 23px;
		width: 85%;
		font-weight: normal;
		display: inline-block;
		color: #3c3c3c !important;
		text-align: left;
		font-size: 14px;
	}
	.miss {
		color: white;
		font-size: 20px;
		font-family: "HelveticaNeue-bold", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		margin-left: 30px;
		width:auto;
		line-height:30px;
	}
}
header {
	padding:0px;
	background: #000000;
}
.nav-unshown {
	display:none;
}
#nav-open {
	display: inline-block;
	width: 30px;
	height: 10px;
	vertical-align: middle;
	position:absolute;
	top:10px;
	left:10px;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}
#nav-close {
	display: none;/**/
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 70%;
	max-width: 330px;
	height: 100%;
	background-color: #000000e8;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	color:white;
	text-align:left;
	padding-top:20px;
}
#nav-content li {
	font-size:17px;
	margin-bottom: 40px;
	border-bottom: dotted 1px #FFF;
	padding-left: 20px;
	margin-top: 10px;
}
#nav-input:checked ~ #nav-close {
	display: block;
	opacity: .5;
}
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.foot2 {
	padding-bottom: 30px;
	padding-top: 30px;
	width:100%;
	background-color: #000000;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
#pager2{
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.apage2{
	padding: 9px;
	border-radius: 20px;
	color: #d6d6d6;
	background-color: #212121;
	font-size:16px;

	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.bbb{ display: none !important; }
.follow-me {text-align:right;list-style: none;margin: 0 0 -8px;overflow: hidden;padding: 0;}
.follow-me li {
	display:inline-block;
	margin: 0 0 10px 0;
	padding: 0;
}
.follow-me li a::before {
	background-color: #eee;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #333;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	height: 44px; /* Button height */
	line-height: 44px; /* Button height */
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	width: 44px; /* Button width */
}
.follow-me li a:hover::before {
	color: #fff;
}
.follow-me li a[href*="amazon.co.jp"]::before,
.follow-me li a[href*="amazon.com"]::before         { content: "\f270"; }
.follow-me li a[href*="codepen.io"]::before         { content: "\f1cb"; }
.follow-me li a[href*="delicious.com"]::before      { content: "\f1a5"; }
.follow-me li a[href*="deviantart.com"]::before     { content: "\f1bd"; }
.follow-me li a[href*="digg.com"]::before           { content: "\f1a6"; }
.follow-me li a[href*="dribble.com"]::before        { content: "\f17d"; }
.follow-me li a[href*="dropbox.com"]::before        { content: "\f16b"; }
.follow-me li a[href*="facebook.com"]::before       { content: "\f09a"; }
.follow-me li a[href*="feedly.com"]::before         { content: "\f09e"; }
.follow-me li a[href*="flickr.com"]::before         { content: "\f16e"; }
.follow-me li a[href*="foursquare.com"]::before     { content: "\f180"; }
.follow-me li a[href*="github.com"]::before         { content: "\f09b"; }
.follow-me li a[href*="plus.google.com"]::before    { content: "\f0d5"; }
.follow-me li a[href*="b.hatena.ne.jp"]::before     { content: "\f027"; font-family: blogicon; }
.follow-me li a[href*="instagram.com"]::before      { content: "\f16d"; }
.follow-me li a[href*="last.fm"]::before            { content: "\f202"; }
.follow-me li a[href*="linkedin.com"]::before       { content: "\f0e1"; }
.follow-me li a[href*="nicovideo.jp"]::before       { content: "\f047"; font-family: blogicon; }
.follow-me li a[href*="pinterest.com"]::before      { content: "\f0d2"; }
.follow-me li a[href*="getpocket.com"]::before      { content: "\f265"; }
.follow-me li a[href*="reddit.com"]::before         { content: "\f1a1"; }
.follow-me li a[href*="skype.com"]::before,
.follow-me li a[href*="skype:"]::before             { content: "\f17e"; }
.follow-me li a[href*="slideshare.net"]::before     { content: "\f1e7"; }
.follow-me li a[href*="spotify.com"]::before        { content: "\f1bc"; }
.follow-me li a[href*="steamcommunity.com"]::before { content: "\f1b6"; }
.follow-me li a[href*="stumbleupon.com"]::before    { content: "\f1a4"; }
.follow-me li a[href*="tumblr.com"]::before         { content: "\f173"; }
.follow-me li a[href*="twitch.tv"]::before          { content: "\f1e8"; }
.follow-me li a[href*="twitter.com"]::before        { content: "\f099"; }
.follow-me li a[href*="vimeo.com"]::before          { content: "\f27d"; }
.follow-me li a[href*="vine.co"]::before            { content: "\f1ca"; }
.follow-me li a[href*="weibo.com"]::before          { content: "\f18a"; }
.follow-me li a[href*="whatsapp.com"]::before       { content: "\f232"; }
.follow-me li a[href*="wordpress.com"]::before,
.follow-me li a[href*="wordpress.org"]::before      { content: "\f19a"; }
.follow-me li a[href*="youtube.com"]::before        { content: "\f16a"; }
.follow-me li a[href$="/feed"]::before              { content: "\f09e"; }
.follow-me li a[href$="/subscribe"]::before         { content: "\f000"; font-family: blogicon; }
.follow-me li a[href*="amazon.co.jp"]:hover::before,
.follow-me li a[href*="amazon.com"]:hover::before         { background-color: #ff9900; }
.follow-me li a[href*="codepen.io"]:hover::before         { background-color: #000000; }
.follow-me li a[href*="delicious.com"]:hover::before      { background-color: #3399ff; }
.follow-me li a[href*="deviantart.com"]:hover::before     { background-color: #05cc47; }
.follow-me li a[href*="digg.com"]:hover::before           { background-color: #000000; }
.follow-me li a[href*="dribble.com"]:hover::before        { background-color: #ea4c89; }
.follow-me li a[href*="dropbox.com"]:hover::before        { background-color: #007ee5; }
.follow-me li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }
.follow-me li a[href*="feedly.com"]:hover::before         { background-color: #6cc655; }
.follow-me li a[href*="flickr.com"]:hover::before         { background-color: #0063dc; }
.follow-me li a[href*="foursquare.com"]:hover::before     { background-color: #f94877; }
.follow-me li a[href*="github.com"]:hover::before         { background-color: #181717; }
.follow-me li a[href*="plus.google.com"]:hover::before    { background-color: #dc4e41; }
.follow-me li a[href*="b.hatena.ne.jp"]:hover::before     { background-color: #008fde; }
.follow-me li a[href*="instagram.com"]:hover::before      { background-color: #125688; }
.follow-me li a[href*="last.fm"]:hover::before            { background-color: #d51007; }
.follow-me li a[href*="linkedin.com"]:hover::before       { background-color: #0077b5; }
.follow-me li a[href*="nicovideo.jp"]:hover::before       { background-color: #eaeaea; }
.follow-me li a[href*="pinterest.com"]:hover::before      { background-color: #bd081c; }
.follow-me li a[href*="getpocket.com"]:hover::before      { background-color: #ef3f56; }
.follow-me li a[href*="reddit.com"]:hover::before         { background-color: #ff4500; }
.follow-me li a[href*="skype.com"]:hover::before,
.follow-me li a[href*="skype:"]:hover::before             { background-color: #00aff0; }
.follow-me li a[href*="slideshare.net"]:hover::before     { background-color: #2d2d2d; }
.follow-me li a[href*="spotify.com"]:hover::before        { background-color: #84bd00; }
.follow-me li a[href*="steamcommunity.com"]:hover::before { background-color: #171a21; }
.follow-me li a[href*="stumbleupon.com"]:hover::before    { background-color: #eb4929; }
.follow-me li a[href*="tumblr.com"]:hover::before         { background-color: #36465d; }
.follow-me li a[href*="twitch.tv"]:hover::before          { background-color: #6441a5; }
.follow-me li a[href*="twitter.com"]:hover::before        { background-color: #55acee; }
.follow-me li a[href*="vimeo.com"]:hover::before          { background-color: #1ab7ea; }
.follow-me li a[href*="vine.co"]:hover::before            { background-color: #11b58a; }
.follow-me li a[href*="weibo.com"]:hover::before          { background-color: #e6162d; }
.follow-me li a[href*="whatsapp.com"]:hover::before       { background-color: #64d548; }
.follow-me li a[href*="wordpress.com"]:hover::before,
.follow-me li a[href*="wordpress.org"]:hover::before      { background-color: #21759b; }
.follow-me li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }
.follow-me li a[href$="/feed"]:hover::before              { background-color: #ffa500; }
.follow-me li a[href$="/subscribe"]:hover::before         { background-color: #363636; }

.article-content p {font-family: "Roboto", sans-serif; font-weight: 300; line-height: normal; padding-bottom: 1em; }
.article-content a {color: #54acef; text-decoration: underline; }

.article-content table {
	display: table;
	width: 100%;
}
.article-content table th {
	white-space: nowrap;
	width: 1%;
}

.article-content table th, .article-content table td {
	border: solid 1px #dcdcdc;
	text-align: left;
	padding: 10px 15px;
	background-color: #fff;
	color: #212121;
	font-size: 14px;
	line-height: 1.6em;
}

.article-content table th {
	font-family: "Oswald", sans-serif;
	background-color: #f0f0f0;
}

@media only screen and (max-width: 640px) {
	.article-content table{
		border-bottom: solid 1px #dcdcdc;
	}
	.article-content table th, .article-content table td{
		display:block;
		width: auto;
		border-bottom: none;
	}
	.article-content table caption {
		line-height: 65px;
	}
	.article-content table caption .sankaku:after {
		font-size: 16px;
	}
}