@charset "UTF-8";
/**
*
* サイドナビ
* 
* 注意
* flex-basisはie11でバグがあるため不使用推奨
**/

@media (max-width: 767px){
	.side_link01{
		margin: 0 0 0 1.75rem;
		padding: 0 0 1.5625rem;
		overflow: hidden;
	}
	.side_link01 h4{
		margin: 0;
		padding: 0 0 0.5rem;
		line-height: 1.2em;
		text-align: center;
		font-size: 1.25rem;
		font-weight: 700;
		color: #55391b;
	}
	.side_link01 .link{
		margin: 0;
		padding: 0;
	}
	.side_link01 .link a{
		margin: 0;
		padding: 1.25rem 0.5rem;
		line-height: 1.2em;
		text-align: center;
		color: #fff;
		font-size: .875rem;
		background: #e45e47;
		border-radius: 90px;
		display: block;
	}
	.side_title01{
		margin: 0;
		padding: 0.5rem 0;
		text-align: center;
		border-top: 5px solid #062452;
		border-bottom: 1px solid #062452;
	}
	.side_title01 h4{
		margin: 0;
		padding: 0;
		line-height: 1.4em;
		font-size: 1.25rem;
		font-weight: 400;
		color: #062452;
	}
	.side_title01 h4 .eng{
		margin: 0;
		padding: 0;
		line-height: 1.4em;
		font-size: 0.75rem;
		font-weight: 400;
		font-family: Arial,Helvetica,sans-serif;
		font-style: italic;
		color: #7c7c7c;
		display: block;
	}
	.side_new_list{
		margin: 0 0 0 0.75rem;
		padding: 0;
		overflow: hidden;
	}
	.side_new_list .item{
		margin: 0;
		padding: .6875rem 0;
		border-bottom: 1px dotted #d2d2d2;
		overflow: hidden;
	}
	.side_new_list .item .image{
		margin: 0 0.5rem 0 0;
		padding: 0;
		width: 4.125rem;
		float:left;
		display: inline;
	}
	.side_new_list .item .info{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.side_new_list .item .info .link{
		margin: 0;
		padding: 0 0 .5rem;
		line-height: 1.6;
		font-size: .875rem;
		color: #282828;
	}
	.side_new_list .item .info .link a{
		color: #282828;
	}
	.side_new_list .item .info .address{
		margin: 0;
		padding: 0;
		line-height: 1.6;
		font-size: 0.75rem;
		color: #949494;
	}
	.side_sns_link{
		margin: 0 0 .3125rem;
		padding: 0;
		overflow: hidden;
	}
	.side_sns_link ul{
		margin: 0;
		padding: 0;
		width: 100%;
		display: table;
	}
	.side_sns_link ul li{
		margin: 0;
		padding: 0;
		width: 33.33%;
		height: 2.4375rem;
		display: table-cell;
	}
	.side_sns_link ul li a{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 2.4375rem;
		text-align: center;
		display: block;
	}
	.side_sns_link ul li a img{
		margin: auto;
		width: auto;
		display: block;
	}
	.side_sns_link ul li a.sns01{
		padding: .5rem 0 0;
		background: #3b5998;
	}
	.side_sns_link ul li a.sns02{
		padding: .5rem 0 0;
		background: #55acee;
	}
	.side_sns_link ul li a.sns03{
		padding: .375rem 0 0;
		background: #00c300;
	}
	.side_bnr{
		margin: 0 0 1rem;
		padding: 0;
		overflow: hidden;
	}
	.side_category_list{
		margin: 0 0 1rem;
		padding: 1rem 1rem 0.5rem;
		background: #e8ebed;
		overflow: hidden;
	}
	.side_category_list li{
		margin: 0 0 0.5rem;
		padding: 0;
		width: 48%;
		height: 2.5rem;
		background: #6cb3d4;
		float:left;
		display: table;
	}
	.side_category_list li:nth-of-type(2n){
		float:right;
	}
	.side_category_list li:nth-of-type(2n + 1){
		clear: both;
	}
	.side_category_list li a{
		margin: 0;
		padding: .3125rem;
		line-height: 1.4em;
		font-size: .875rem;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	.side_bnr_list{
		margin: 0;
		padding: 0 0 .5rem;
		overflow: hidden;
	}
	.side_bnr_list li{
		margin: 0 0 .8125rem;
		padding: 0;
		float:left;
		display: inline;
		clear: both;
	}
	.side_ranking_list{
		margin: 0 0 3.125rem;
		padding: 0;
		background: #e8ebed;
		overflow: hidden;
	}
	.side_ranking_list li{
		margin: 0;
		padding: 0.5rem 0.5rem 1rem .4375rem;
		border-top: 1px solid #d2d2d2;
		overflow: hidden;
	}
	.side_ranking_list li:nth-of-type(1){
		border-top: none;
	}
	.side_ranking_list li .rank{
		margin: 0 .5625rem 0 0;
		padding: 0;
		width: 3.3125rem;
		float:left;
		display: inline;
	}
	.side_ranking_list li .image{
		margin: 3px .3125rem 0 0;
		padding: 0;
		width: 1.75rem;
		float:left;
		display: inline;
	}
	.side_ranking_list li .info{
		padding: 3px 0 0;
		overflow: hidden;
	}
	.side_ranking_list li .info .link{
		line-height: 1.2em;
		font-size: 1rem;
		font-weight: 700;
		float:left;
	}
	.side_ranking_list li .info .count{
		line-height: 1.2em;
		font-size: 0.75rem;
		float:right;
	}
	.side_ranking_list li .info .count .num{
		line-height: 1.2em;
		font-size: 1rem;
		font-weight: 700;
		font-family: Arial,Helvetica,sans-serif;
		color: #062351;
	}
	.side_ranking_list li .info .company{
		padding: .4375rem 0 0;
		line-height: 1.2em;
		font-size: 0.75rem;
		color: #7c7c7c;
		clear: both;
	}
	.side_tab_head{
		margin: 0;
		padding: .8125rem .8125rem 0 0.75rem;
		background: #e8ebed;
		overflow: hidden;
	}
	.side_tab_head ul{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.side_tab_head ul li{
		margin: 0;
		padding: 0;
		width: 50%;
		float:left;
		display: inline;
	}
	.side_tab_head ul li a{
		margin: 0;
		padding: 0.5rem .3125rem;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		font-size: .875rem;
		color: #062452;
		background: #fff;
		border: 1px solid #062452;
		display: block;
	}
	.side_tab_head ul li a:hover{
		color: #fff;
		background: #062452;
	}
	.side_tab_head ul li a.active{
		color: #fff;
		background: #062452;
	}
	.side_faq_list{
		margin: 0;
		padding: 0;
		background: #e8ebed;
		overflow: hidden;
		display: none;
	}
	.side_faq_list.active{
		display: block;
	}
	.side_faq_list li{
		margin: 0;
		padding: 0.75rem;
		border-top: 1px dotted #cbcdce;
		overflow: hidden;
	}
	.side_faq_list li:nth-of-type(1){
		border-top: none;
	}
	.side_faq_list li dt{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.side_faq_list li dt .label{
		margin: 0;
		padding: .375rem 1rem;
		line-height: 1.2em;
		font-size: .6875rem;
		color: #fff;
		background: #6cb3d4;
		display: inline-block;
	}
	.side_faq_list li dt .link{
		margin: 0;
		padding: 0.5rem 0 0;
		line-height: 1.2em;
		font-size: .875rem;
		font-weight: 700;
		color: #062351;
		display: block;
		overflow: hidden;
	}
	.side_faq_list li dt .link a{
		text-decoration: underline;
		color: #062351;
	}
	.side_faq_list li dt .link a:hover{
		text-decoration: none;
		color: #062351;
	}
	.side_faq_list li dd{
		margin: 0;
		padding: .3125rem 0 0;
		line-height: 1.5em;
		font-size: 0.75rem;
		overflow: hidden;
	}
	.side_faq_list li dd .update{
		margin: 0;
		padding: .3125rem 0 0;
		line-height: 1.6;
		font-size: 0.5rem;
		color: #7c7c7c;
		overflow: hidden;
	}
}