/*　共通　*/
.fl{
	float:left;
}
.fr {
	float: right;
	clear: both;
}
.bold {
	font-weight:bold;
}
.green{
	color:#248f15;;
}
.red{
	color:#ff0000;
}
.blue{
	color:#0059B2;
}
.orange{
	color: #eb6f00;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right: 350px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml30{
	margin-left:30px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.clearfix {
  display: block;
  clear: both;
  content: "";
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.fb_like {
	display:none;
}
.nav_tab {
	display:none;
}
.nav_sp {
	display:none;
}
.br_pc {
}
.br_tub {
	display: none;
}
.br_pc_tab {
}
.br_sp {
	display: none;
}
.br_sp_t {
	display: none;
}
.br_sp_y {
	display: none;
}
.i_orange {
	color: #ed7335;
}
.i_orange:hover {
	color: red;
}

/*　下層ページ　メインピクト　*/
#main_pict_bg {
background-color: #c4e8f6;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}
#main_title{
	max-width: 980px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 0;
}
#main_title img {
	max-width: 100%;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
/*　共通　*/
.fb_like {
	display:none;
}
.nav_tab {
	display:block;
}
.nav_sp {
	display:none;
}
.br_pc {
	display: none;
}
.br_tub {
	display: block;
}
.br_pc_tab {
}
.br_sp {
	display: none;
}
.br_sp_t {
	display: none;
}
.br_sp_y {
	display: none;
}
}

/*iPad 横向き*/
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape) {
.nav_tab {
	display:block;
}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
/*　共通　*/
.fb_like {
	display: block;
	left: 30px;
	bottom: 5px;
	position: absolute;
}
.nav_sp {
	display: block;
}
.br_pc_tab {
	display: none;
}
.br_sp {
	display: block;
}
}

/*================================================
 *  スマートフォン向けデザイン　縦向きの場合
 ================================================*/
@media screen and (max-width:767px) and (orientation:portrait){
.br_pc {
	display: none;
}
.br_tub {
	display: none;
}
.br_pc_tab {
	display: none;
}
.br_sp {
	display: block;
}
.br_sp_t {
	display: block;
}
.br_sp_y {
	display: none;
}
}

/*================================================
 *  スマートフォン向けデザイン　横向きの場合
 ================================================*/
@media screen and (max-width:767px) and (orientation:landscape){
.br_pc {
	display: none;
}
.br_tub {
	display: none;
}
.br_pc_tab {
	display: none;
}
.br_sp {
	display: block;
}
.br_sp_t {
	display: none;
}
.br_sp_y {
	display: block;
}

}