@charset "UTF-8";

/* - - - - - Sidebar - - - - - */

/* PC */
@media screen and (min-width: 640px) {
	.sidebar {
		width:300px;
		float:right;
	}
	
	.side2 {
		width:300px;
	}
		
	.side1 h4 {
		padding:20px;
		background-color:#000000;
		color:#ffffff;
		font-weight:bold;
		margin:0 0 20px 0;
		font-size:24px;
		line-height:1;
	}
	
	.sidebar .button:nth-last-child(1) {
		margin:0 0 20px 0;
	}
	
	.sidebar .button {
		margin:0 0 10px 0;
		position:relative;
	}
	
	.sidebar .button i {
		padding:18px;
		font-size:18px;
		line-height:1;
		display:block;
		float:left;
	}
	
	.sidebar .button span {
		padding:18px 0;
		font-size:18px;
		line-height:1;
		display:block;
		float:left;
	}
	
	.sidebar .button.twitter {
		color:#ffffff;
		background-color:#1da1f2;
	}
	
	.sidebar .button.rss {
		color:#ffffff;
		background-color:#f26522;
	}
	
	.side2 {
		background-color:#000000;
		margin:0 0 20px 0;
	}
	
	.side2 h4 {
		color:#ffffff;
		font-weight:bold;
		font-size:26px;
		line-height:1;
		padding:20px;
	}
	
	.side2 ul {
		padding:0 20px 0 20px;
		display:block;
	}
	
	.side2 ul li {
		border-top:solid 1px #888888;
		padding:20px 0 0 0;
	}
	
	.side2 ul li a {
		display:block;
		margin:0 0 20px 0;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		font-size:26px;
		line-height:1.2;
	}
	
	.side2 ul li a img {
		width:100%;
		float:none!important;
		height:auto;
		margin:0;
	}
	
	.side2 ul li:hover a {
		text-shadow:
		2px 0px 0 #00A1D2,
		-2px -0px 0 #FC2792;
	}
}

/* SP */
@media screen and (max-width: 639px) {
	.side1 h4 {
		padding:15px;
		background-color:#000000;
		color:#ffffff;
		font-weight:bold;
		margin:0 0 15px 0;
		font-size:26px;
		line-height:1;
	}
	
	.sidebar .button:nth-last-child(1) {
		margin:0 0 20px 0;
	}
	
	.sidebar .button {
		margin:0 0 10px 0;
		position:relative;
	}
	
	.sidebar .button i {
		padding:18px;
		font-size:18px;
		line-height:1;
		display:block;
		float:left;
	}
	
	.sidebar .button span {
		padding:18px 0;
		font-size:18px;
		line-height:1;
		display:block;
		float:left;
	}
	
	.sidebar .button.twitter {
		color:#ffffff;
		background-color:#1da1f2;
	}
	
	.sidebar .button.rss {
		color:#ffffff;
		background-color:#f26522;
	}
	
	.side2 {
		background-color:#000000;
		margin:0 0 15px 0;
	}
	
	.side2 h4 {
		color:#ffffff;
		font-weight:bold;
		font-size:26px;
		line-height:1;
		padding:15px;
	}
	
	.side2 ul {
		display:block;
	}
	
	.side2 ul li {
		border-top:solid 1px #888888;
		padding:15px 0;
		margin:0 15px;
	}
	
	.side2 ul li a {
		display:block;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		font-size:18px;
		line-height:30px;
	}
	
	.side2 ul li a:nth-child(1) {
		margin:0 0 15px 0;
	}
	
	.side2 ul li a img {
		width:100%;
		float:none!important;
		height:auto;
		margin:0;
	}	
	
	.side2 ul li:hover a:nth-child(2) {
		
	text-shadow:
		-2px 0px 0 #00A1D2,
		2px 0px 0 #FC2792;
	}
}

/* Common */