@charset "utf-8";

/**
 * WinPress - ランキングバージョン
 * layout.css
 *
 * @author DiAL,inc.
 * @version 1.1.0
 * @package WordPress
 * @subpackage WinPress
 */


/* =====================================================================
	global
====================================================================== */

#header, #contents, #main, #sidebar, #footer {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
}
.container {
	position: relative;
	margin: 0px auto;
	padding-right: 10px;
	padding-left: 10px;
	background: #fff;
	max-width: 980px;
}
body.contents_column_2 .container {
	max-width: 1200px;
}
.form-horizontal .form-group,
.navbar-nav,
.navbar-form,
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}


/* ========================================
 header
======================================== */

#header {
	position: relative;
	z-index: 10;
	background: #fff;
	box-shadow: 3px 3px 5px #ccc;
}
#header h1.page_headline {
	margin: 0;
	padding: 5px 0px;
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
}
#header h1.header_title, 
#header h2.header_title,
#header h1.header_logo, 
#header h2.header_logo {
	margin: 0;
	padding: 5px 0px;
	font-weight: bold;
	color: #333;
	font-size: 1.8em;
}
#header h1.header_title, 
#header h2.header_title {
	margin-top: 10px;
	margin-bottom: 5px;
}
#header h1.header_title a, 
#header h2.header_title a {
	color: #333;
	text-decoration: none;
}
#header h1.header_title a:hover, 
#header h2.header_title a:hover {
	color: #999;
}
@media (max-width: 767px) {
	#header h1.page_headline {
		font-size: 0.7em;
	}
	#header h1.header_title, 
	#header h2.header_title,
	#header h1.header_logo, 
	#header h2.header_logo {
		padding-right: 100px;
		font-size: 1.2em;
	}
}

#header .header_navigation {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 3px 20px;
	border-radius: 0px 0px 5px 5px;
}
#header .header_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}
#header .header_navigation ul li {
	display: inline;
	padding: 5px;
}
#header .header_navigation ul li a {
	text-decoration: none;
	color: #999;
}
#header .header_navigation ul li a:hover {
	color: #666;
}

#header .header_description {
	margin-top: 22px;
	padding: 5px;
	font-size: 0.8em;
	color: #999;
	border-left: 2px solid #A2D0C3;
}
#header .header_description p {
	margin-bottom: 0;
}
#header h1 + .row .header_description {
	margin-top: 2px;
}


/* ========================================
 mainnav
======================================== */

@media (max-width: 767px) {
	#mainnav {}
	#mainnav .navbar {
		position: relative;
		background: none;
		border: none;
		margin: 0px -10px;
		min-height: 0;
	}
	#mainnav .navbar .navbar-header button {
		position: absolute;
		right: -10px;
		margin-top: -48px;
		padding: 0;
		background: none;
		border: none;
		height: 41.25px;
	}
	#mainnav .navbar .navbar-header button img {
		width: 90px;
		height: 41.25px;
	}
	#mainnav .navbar ul.navbar-nav {}
	#mainnav .navbar ul.navbar-nav li a {
		text-decoration: none;
	}
}
@media (min-width: 768px) {
	#mainnav {
		position: relative;
		z-index: 5;
		background-color: #fff;
		box-shadow: 3px 3px 5px #ccc;
	}
	#mainnav .navbar {
		position: relative;
		background-color: transparent;
		border: none;
		margin: 0px -10px;
		width: auto;
	}
	#mainnav .navbar ul.navbar-nav > li {
		display: block;
		float: left;
		text-align: center;
	}
	#mainnav .navbar ul.navbar-nav > li > a {
		position: relative;
		display: block;
		background: none;
		padding: 30px 30px 20px 30px;
		border-right: 1px solid #ddd;
		width: auto;
		color: #000;
		text-shadow: 1px 1px 1px #ccc;
		text-decoration: none;
	}
	#mainnav .navbar ul.navbar-nav > li.icon_home > a, 
	#mainnav .navbar ul.navbar-nav > li.icon_info > a, 
	#mainnav .navbar ul.navbar-nav > li.icon_rank > a, 
	#mainnav .navbar ul.navbar-nav > li.icon_crown > a, 
	#mainnav .navbar ul.navbar-nav > li.icon_medal > a, 
	#mainnav .navbar ul.navbar-nav > li.icon_cosme > a {
		padding: 45px 30px 5px 30px;
	}
	#mainnav .navbar ul.navbar-nav > li.icon_home > a:before, 
	#mainnav .navbar ul.navbar-nav > li.icon_info > a:before, 
	#mainnav .navbar ul.navbar-nav > li.icon_rank > a:before, 
	#mainnav .navbar ul.navbar-nav > li.icon_crown > a:before, 
	#mainnav .navbar ul.navbar-nav > li.icon_medal > a:before, 
	#mainnav .navbar ul.navbar-nav > li.icon_cosme > a:before {
		content: " ";
		position: absolute;
		top: 3px;
		left: 50%;
		margin-left: -21.75px;
		background-repeat: no-repeat;
		background-size: contain;
		width: 43.5px;
		height: 40.5px;
	}
	#mainnav .navbar ul.navbar-nav > li.icon_home > a:before {
		background-image: url(../images/mainnav/icon_home.png);
	}
	#mainnav .navbar ul.navbar-nav > li.icon_info > a:before {
		background-image: url(../images/mainnav/icon_info.png);
	}
	#mainnav .navbar ul.navbar-nav > li.icon_rank > a:before {
		background-image: url(../images/mainnav/icon_rank.png);
	}
	#mainnav .navbar ul.navbar-nav > li.icon_crown > a:before {
		background-image: url(../images/mainnav/icon_crown.png);
	}
	#mainnav .navbar ul.navbar-nav > li.icon_medal > a:before {
		background-image: url(../images/mainnav/icon_medal.png);
	}
	#mainnav .navbar ul.navbar-nav > li.icon_cosme > a:before {
		background-image: url(../images/mainnav/icon_cosme.png);
	}
	#mainnav .navbar ul.navbar-nav > li:last-child a {
		border-right: none;
	}
	#mainnav .navbar ul.navbar-nav > li.current-menu-item a, 
	#mainnav .navbar ul.navbar-nav > li a:hover {
		background-color: #999; 
		color: #fff;
	}
	#mainnav .navbar ul.navbar-nav > li a:hover {
		transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		-webkit-transition: 0.3s ease;
	}
	#mainnav .navbar ul.navbar-nav > li a img {
		position: relative;
		bottom: -5px;
		vertical-align: text-bottom;
	}
	#mainnav .navbar ul.navbar-nav > li.dropdown .dropdown-menu {
	}
	#mainnav .navbar ul.navbar-nav > li.dropdown .dropdown-menu > li {
		float: none;
		color: #000;
		height: auto;
		text-align: left;
	}
	#mainnav .navbar ul.navbar-nav > li.dropdown .dropdown-menu .divider {
	  height: 1px;
	  margin: 9px 0;
	  overflow: hidden;
	  background-color: #e5e5e5;
	}
	#mainnav .navbar ul.navbar-nav > li.dropdown .dropdown-menu > li > a {
		display: block;
		clear: both;
		padding: 5px 20px;
		border: none;
		width: auto;
		height: auto;
		color: #262626;
	}
	#mainnav .navbar ul.navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
		background-color: #f5f5f5 !important;
		color: #333 !important;
	}
}

/* ========================================
 contents
======================================== */

#contents {}
#contents:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #contents {
	zoom: 1;
}
*:first-child+html #contents {
	zoom: 1;
}

body.contents_column_2 #contents {}
body.contents_column_2 #contents #main {}
body.contents_column_2  #contents #sidebar {}
@media (min-width: 768px) {
	body.contents_column_2 #contents #main {
		float: none;
		width: auto;
	}
	body.contents_column_2 #contents #sidebar {
		float: none;
		width: auto;
	}
}
@media (min-width: 992px) {
	body.contents_column_2 #contents #main {
		float: left;
		width: 68%;
	}
	body.contents_column_2 #contents #sidebar {
		float: right;
		width: 30%;
	}
	body.contents_column_2.sidebar_left #contents #main {
		float: right;
	}
	body.contents_column_2.sidebar_left #contents #sidebar {
		float: left;
	}
}
@media (min-width: 1200px) {
	body.contents_column_2 #contents #main {
		float: left;
		width: 70%;
	}
	body.contents_column_2 #contents #sidebar {
		float: right;
		width: 28%;
	}
	body.contents_column_2.sidebar_left #contents #main {
		float: right;
	}
	body.contents_column_2.sidebar_left #contents #sidebar {
		float: left;
	}
}

#contents .container {
	overflow: hidden;
	padding-top: 20px;
}

#contents .credit {
	margin-bottom: 20px;
	text-align: center;
}
#contents .credit img {
	margin-right: auto;
	margin-left: auto;
}
@media (max-width:767px){
	#contents .credit {
		margin-right: -10px;
		margin-left: -10px;
	}
}


/* ========================================
 main
======================================== */

#main article {
	padding: 10px 20px;
}
@media (max-width:767px){
	#main article {
		padding: 10px 0;
	}
}
#main article.home_contents {
	padding-top: 0;
}

#main h1 {
	font-size: 1.6em;
	line-height: 1.3;
}
#main h2 {
	font-size: 1.6em;
	line-height: 1.3;
}
#main h2.page_title {
	padding: 0 10px 15px 10px;
	border-bottom: 1px solid #ddd;
}
#main h3 {
	position: relative;
	margin: 20px 0 15px 0;
	padding: 15px 10px;
	background-color: #999; 
	width: auto;
	vertical-align: middle;
	font-size: 1.5em;
	line-height: 1.3;
	color: #fff;
}
#main article h3 {
	margin-left: -10px;
	margin-right: -10px;
}
#main h3 a {
	color: #fff;
	text-decoration: none;
}
#main h3 a:hover {
	color: #efefef;
}
#main h4 {
	margin: 15px 0;
	padding: 10px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: -moz-linear-gradient(top, #fff, #fff, #DFDFDF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#DFDFDF)); 
	font-size: 1.3em;
}
#main article h4 {
	margin-left: -10px;
	margin-right: -10px;
}
#main h5 {
	margin: 15px 0;
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
	font-size: 1.2em;
}
#main h6 {
	margin: 15px 0;
	padding: 10px 5px;
	border-bottom: 1px dotted #ddd;
	font-size: 1em;
}
#main p {
	margin-bottom: 15px;
	padding: 0;
	line-height: 1.65;
}
#main section {
	margin-bottom: 50px;
}
@media (max-width:767px){
	#main h3 {
		background-position: left center;
		background-size: cover;
		font-size: 1.2em;
	}
	#main h3:after {
		top: -6px;
		right: 5px;
		background: url(../images/bg_h3_icon.png) no-repeat;
		background-size: cover;
		width: 32px;
		height: 29px;
	}
	#main h4 {
		font-size: 1.1em;
	}
	#main h5 {
		font-size: 1em;
	}
	#main h6 {
		font-size: 1em;
	}
}

#main h3.headline_rank {
	position: relative;
	padding-left: 70px;
}
#main h3.headline_rank:before {
	content: " ";
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 44px;
}
#main h3.headline_rank.headline_rank_1:before {
	background-image: url(../images/module/rank/rank1.png);
}
#main h3.headline_rank.headline_rank_2:before {
	background-image: url(../images/module/rank/rank2.png);
}
#main h3.headline_rank.headline_rank_3:before {
	background-image: url(../images/module/rank/rank3.png);
}
#main h3.headline_rank.headline_rank_4:before {
	background-image: url(../images/module/rank/rank4.png);
}
@media (max-width:767px){
	#main h3.headline_rank {
		padding-left: 50px;
		font-size: 1.2em;
	}
	#main h3.headline_rank:before {
		margin-top: -16.5px;
		width: 45px;
		height: 33px;
	}
}

#main table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse !important;
}
#main table td,
#main table th {
	padding: 8px;
	border: 1px solid #ddd !important;
	text-align: center;
	vertical-align: middle;
}
#main table thead th {
	background: #EDF6FF;
	font-weight: bold;
}
#main table thead td {
	background: #FFFFED;
}
#main table tbody th {
	background: #EDF6FF;
}
#main table tbody td {
	background: #fff;
}
#main table tfoot th {
	background: #efefef;
}
#main table tfoot td {
}

#main ranking_table {}
#main .ranking_table table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse !important;
}
#main .ranking_table table th {
	padding: 15px 5px;
}
#main .ranking_table table th span {
	display: inline-block;
	padding-left: 6px;
	border-left: 3px solid #B70030;
}
#main .ranking_table table td.score1 {
	padding: 30px 5px;
	background: url(../images/main/table_score1.png) no-repeat center center;
	height: 105px;
}
#main .ranking_table table td.score2 {
	padding: 30px 5px;
	background: url(../images/main/table_score2.png) no-repeat center center;
	height: 105px;
}
#main .ranking_table table td.score3 {
	padding: 30px 5px;
	background: url(../images/main/table_score3.png) no-repeat center center;
	height: 105px;
}
#main .ranking_table table td.score4 {
	padding: 30px 5px;
	background: url(../images/main/table_score4.png) no-repeat center center;
	height: 105px;
}
#main .ranking_table table td .ranking_star {
	margin-bottom: -20px;
	max-width: 130px;
}
@media (max-width:767px){
	#main .ranking_table {
		margin-right: -10px;
		margin-left: -10px;
	}
	#main .ranking_table table {
		font-size: 0.8em;
	}
	#main .ranking_table table th {
		padding: 10px 3px;
	}
	#main .ranking_table table td.score1,
	#main .ranking_table table td.score2,
	#main .ranking_table table td.score3,
	#main .ranking_table table td.score4 {
		padding: 20px 3px;
		background-size: 60px 60px;
		height: 65px;
	}
	#main .ranking_table table td .ranking_star {
		margin-bottom: -10px;
	}
}

#main article.entry {
	margin-bottom: 50px;
}
#main article.entry header.entry_header {}
#main article.entry header.entry_header h3.entry_title {
	margin: 0 -10px 20px -10px;
}
#main article.entry section.entry_body {
	margin-bottom: 20px;
	padding: 20px 10px;
}
#main article.entry section.entry_body p.entry_more {
	margin: 20px 0 10px 0;
	text-align: right;
}
#main article.entry section.entry_body p.entry_more a {
	display: inline-block;
	padding: 10px 30px;
	background-color: #ddd;
	border-radius: 4px;
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
}
#main article.entry section.entry_body p.entry_more a:hover {
	background-color: #ccc;
}
#main article.entry footer.entry_footer {
	clear: both;
}
#main article.entry footer.entry_footer ul.entry_meta {
	list-style: none;
	margin-right: -10px;
	margin-left: -10px;
	padding: 5px;
	border-top: 1px dotted #666;
	text-align: right;
}
#main article.entry footer.entry_footer ul.entry_meta li {
	display: inline;
	margin: 0 5px;
}
#main .entry_list article.entry section.entry_body {
	padding: 0 10px;
}

@media (max-width:767px){
	#main article.entry {
		margin-bottom: 30px;
	}
	#main article.entry section.entry_body h3 {
		margin: 15px -20px 15px -20px;
	}
	#main article.entry section.entry_body h4 {
		margin: 15px -20px 15px -20px;
	}
	#main article.entry section.entry_body p.entry_more a {
		padding: 10px 20px;
	}
	#main article.entry .col-xs-8 {
		padding-top: 0;
		padding-left: 0;
	}
	#main .entry_list article.entry section.entry_body {
		padding: 0 10px;
	}
}


#main .ranking_list {
	margin-bottom: 20px;
	cursor: pointer;
}
#main .ranking_list + .ranking_list {
	margin-top: -20px;
}
#main .ranking_list h4.ranking_list_title {
	position: relative;
	padding-left: 50px;
	margin-bottom: 0 !important;
}
#main .ranking_list h4.ranking_list_title:before {
	content: " ";
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -16.5px;
	background-repeat: no-repeat;
	background-size: contain;
	width: 45px;
	height: 33px;
}
#main .ranking_list h4.ranking_list_title.ranking_list_title1:before {
	background-image: url(../images/module/rank/rank1.png);
}
#main .ranking_list h4.ranking_list_title.ranking_list_title2:before {
	background-image: url(../images/module/rank/rank2.png);
}
#main .ranking_list h4.ranking_list_title.ranking_list_title3:before {
	background-image: url(../images/module/rank/rank3.png);
}
#main .ranking_list h4.ranking_list_title.ranking_list_title4:before {
	background-image: url(../images/module/rank/rank4.png);
}
#main .ranking_list .ranking_list_body {
	position: relative;
	padding: 20px 0;
}
#main .ranking_list .ranking_list_body li,
#main .ranking_list .ranking_list_body p {
	margin-bottom: 5px;
}
#main .ranking_list .ranking_list_body .ranking_list_link_arrow {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}
#main .ranking_list .ranking_list_body .ranking_list_link_arrow a {
	font-size: 30px;
	line-height: 1;
	text-decoration: none;
	color: #ccc;
}
@media (max-width:767px){
	#main .ranking_list .ranking_list_body {
		margin-right: -10px;
		margin-left: -10px;
		padding: 10px 0;
	}
	#main .ranking_list .ranking_list_body .ranking_list_link_arrow {
		margin-top: -10px;
	}
	#main .ranking_list .ranking_list_body .ranking_list_link_arrow a {
		font-size: 20px;
	}
}

/* =====================================================================
	rank_panel
====================================================================== */

#main .rank_panel {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 2px 2px 3px #ccc;
}
#main .rank_panel .rank_panel_title {
	padding: 15px 20px;
	font-weight: bold;
	color: #4FAE96;
	font-size: 1.5em;
	line-height: 1.3;
	text-shadow: 1px 1px 2px #fff, 2px 2px 2px #ccc;
}
#main .rank_panel .rank_panel_image {
	text-align: center;
	margin: 0;
	padding: 0;
}
#main .rank_panel .rank_panel_image img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
#main .rank_panel .rank_panel_body {
	border-top: 5px solid #4FAE96;
	padding: 15px 20px;
	font-size: 0.9em;
	color: #666;
}
#main .rank_panel .rank_panel_body p {
	margin-bottom: 5px;
}


/* =====================================================================
	page_chatchcopy
====================================================================== */

#main .credit + .page_chatchcopy_wrapper {
	margin-top: -30px;
}
#main .page_chatchcopy {
	position: relative;
	margin: 0px auto 10px auto;
	padding: 20px 0 50px 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	width: 100%;
	min-height: 200px;
	text-align: center;
}
#main .page_chatchcopy .page_chatchcopy_title {
	position: relative;
	margin: 0 50px 10px 50px;
	color: #FFE700;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.3;
	text-shadow: 0 0 2px 666;
}
#main .page_chatchcopy .page_chatchcopy_desc {
	position: relative;
	margin: 0px 80px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.3;
}
@media (max-width:767px){
	#main .page_chatchcopy_wrapper {
		margin-right: -10px;
		margin-left: -10px;
	}
	#main .page_chatchcopy {
		padding: 20px 0;
		min-height: 150px;
	}
	#main .page_chatchcopy .page_chatchcopy_title {
		margin: 0 25px 10px 25px;
		font-size: 1.2em;
	}
	#main .page_chatchcopy .page_chatchcopy_desc {
		margin: 0px 40px;
		color: #FFF;
		font-size: 0.9em;
	}
}


/* =====================================================================
	sidebar
====================================================================== */

#sidebar p {
	margin: 0 0 5px 0;
	font-size: 0.95em;
}

#sidebar .sidemenu h4 {
	margin-bottom: 0;
	padding: 15px 8px;
	background-color: #999;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 2px 2px 3px #ccc;
}
#sidebar .sidemenu h5 {
	margin-bottom: 0;
	padding: 8px;
	background: #FA688C;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
#sidebar .sidemenu h6 {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#sidebar .sidemenu {
	margin-bottom: 30px;
}
#sidebar .sidemenu ul {
	list-style: none;
	margin: 0 5px 15px 5px;
	padding: 0;
}
#sidebar .sidemenu ul li {
	padding: 12px 0 12px 20px;
	background: url(../images/sidebar/menu_arrow.jpg) no-repeat 5px center;
	background-size: auto 10px;
	border-bottom: 1px dashed #9F0328;
}
#sidebar .sidemenu ul li a {
	text-decoration: underline;
	color: #134da5;
}
#sidebar .sidemenu ul li a:hover {
 color:#de2c3b
}
#sidebar .sidemenu ul li a img {
}

#sidebar .sidemenu.widget_search h4 {
	position: relative;
	padding-left: 40px;
}
#sidebar .sidemenu.widget_search h4:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -15px;
	background-image: url(../images/sidebar/icon_search.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}
#sidebar .sidemenu.widget_search .search_form {
	padding: 10px;
}

#sidebar .sidemenu.widget_categories h4 {
	position: relative;
	padding-left: 40px;
}
#sidebar .sidemenu.widget_categories h4:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -15px;
	background-image: url(../images/sidebar/icon_cat.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}

#sidebar .sidemenu.widget_calendar h4 {
	position: relative;
	padding-left: 40px;
}
#sidebar .sidemenu.widget_calendar h4:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -15px;
	background-image: url(../images/sidebar/icon_calendar.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}

#sidebar .sidemenu.widget_tag_cloud h4 {
	position: relative;
	padding-left: 40px;
}
#sidebar .sidemenu.widget_tag_cloud h4:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -15px;
	background-image: url(../images/sidebar/icon_tag.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}

#sidebar .sidemenu.widget_tag_cloud .tagcloud {
	padding: 10px;
}
#sidebar .sidemenu.widget_tag_cloud .tagcloud a {
	display: inline-block;
	padding: 6px 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #333;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	text-decoration: none;
}
#sidebar .sidemenu.widget_tag_cloud .tagcloud a:hover {
	background-color:#e6e6e6;
	border-color:#adadad;
	color: #333;
}
#sidebar .sidemenu ul li abbr {
	border: none;
}

#sidebar .sidemenu.widget_recent_entries h4 {
	background-color: #999;
}

#sidebar .sidemenu_wrap01 {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 2px solid #1B3F63;
	box-shadow: 2px 2px 3px #ccc;
}

#wp-calendar {
	width: 90%;
	margin: 0 auto;
}
#wp-calendar caption {
	text-align: center;
}


/* ========================================
 footernav
======================================== */

#footernav {}

#footernav .footer_navigation ul {
	list-style: none;
	padding: 20px 10px 0 10px;
	border-top: 3px solid #efefef;
}
#footernav .footer_navigation ul li {
	display: inline;
	padding: 5px 10px;
}
@media (max-width:767px){
	#footernav .footer_navigation ul {
		list-style: none;
		margin: -10px -10px 0 -10px;
		padding: 0;
		text-align: left;
		border-radius: 6px;
	}
	#footernav .footer_navigation ul li {
		display: block;
		padding: 15px 10px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: -moz-linear-gradient(top, #fff, #efefef);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); 
	}
	#footernav .footer_navigation ul li:first-child {
		border-radius: 6px 6px 0 0;
	}
	#footernav .footer_navigation ul li:last-child {
		border-radius: 0 0 6px 6px;
	}
	#footernav .footer_navigation ul li a {
		text-decoration: none;
		color: #333;
	}
}

#footernav p.pagetop {
	margin: 0;
	padding: 5px;
	text-align: right;
}


/* ========================================
 footer
======================================== */

#footer {
	padding: 20px 0 40px 0;
	background-color: #999;
}
#footer .container {
	background: none;
}
#footer p.copyright {
	text-align: center;
	color: #fff;
}


/* ========================================
 CUSTOM WordPress
======================================== */

.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/* ========================================
 CUSTOM bootstrap
======================================== */

.breadcrumb {
  margin-bottom: 10px;
  padding: 5px 15px;
 	background: none;
}
.breadcrumb > li + li:before {
  content: ">";
}
@media (max-width: 767px) {
	.breadcrumb {
		display: none;
	}
}

.pull-right img {
	margin-left: 10px;
	margin-bottom: 5px;
}
.pull-left img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.modal-title, 
.panel-title {
	background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  color: inherit !important;
}
.modal-title {
	line-height: 1.42857143 !important;
}
.modal-title:before, 
.panel-title:before {
	content: none !important;
}
.modal-title:after, 
.panel-title:after {
	content: none !important;
}

/* ========================================
 layout
======================================== */



.width_90 {
	max-width: 90%;
}
.width_80 {
	max-width: 80%;
}
.width_70 {
	max-width: 70%;
}
.width_60 {
	max-width: 60%;
}
.width_50 {
	max-width: 50%;
}
.width_40 {
	max-width: 40%;
}
.width_30 {
	max-width: 30%;
}
.width_20 {
	max-width: 20%;
}
.width_10 {
	max-width: 10%;
}


@media (max-width: 767px) {
	.sp_hide {
		display: none;
	}
	.sp_width_90 {
		max-width: 90%;
	}
	.sp_width_80 {
		max-width: 80%;
	}
	.sp_width_70 {
		max-width: 70%;
	}
	.sp_width_60 {
		max-width: 60%;
	}
	.sp_width_50 {
		max-width: 50%;
	}
	.sp_width_40 {
		max-width: 40%;
	}
	.sp_width_30 {
		max-width: 30%;
	}
	.sp_width_20 {
		max-width: 20%;
	}
	.sp_width_10 {
		max-width: 10%;
	}
}

@media (min-width: 768px) {
	.pc_hide {
		display: none;
	}
}