/* CSS Document */


#side
{
	float: right;
	width: 300px;
	padding-top: 2em;

}

.side_top_fix
{
	position: fixed;
	right: 0px;
	top: 60px;
}

.side_fix
{
	position: fixed;
	bottom: 0px;
	right: 0px;

}

.side_end
{
	position: absolute;
	bottom: 0px;
	right: 0;
	left: auto !important;
}

.side_mente
{
	position: absolute;
	left: 0;
	right: auto !important;
}



#side .wak_box
{
	border: 2px solid #ccdbe3;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 2em;
}

#side .wak_box h3
{
	font-size: 18px;
	line-height: 140%;
	margin-top: -1em;
	display: inline-block;
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	color: #02517a;
}

#side .wak_box h3:before 
{
	font-family: "Font Awesome 5 Free";
	content: '\f009';
	font-weight: 900;
	padding-right: 6px;
}

#side .wak_box .tag:before
{
	content: '\f02c';
}

#side .wak_box .search:before
{
	content: '\f002';
}


#side .wak_box button
{
	margin-top: 10px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}

#side .wak_box ul
{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#side .wak_box ul li
{
	list-style-type: none;
	text-align: left;
}

#side .wak_box ul li:before 
{
	font-family: "Font Awesome 5 Free";
	content: '\f07b';
	font-weight: 900;
	color: #02517a;
	padding-right: 10px;
}



#side .tagcloud 
{
	text-align: left;
}

#side .tagcloud a
{
	font-size: 16px !important;
	line-height: 140%;
}


#side .tagcloud a:before
{
	font-family: "Font Awesome 5 Free";
	content: '\f02b';
	font-weight: 900;
	color: #02517a;
	padding-right: 4px;
}


/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:959px)
{


}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{


#side
{
	float: none;
	width: auto;

}




}