/*　共通　*/
.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: "";
}
.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;
}

/* フレキシブル・レイアウトを使用 */
.ul_flexible {
	width: 100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

/*　下層ページ　メインピクト　*/
#main_pict_bg {
margin: 0 0 20px 0;
background-color: #eeeeee;
background-color: #15589F;
}
#main_title {
	max-width: 1024px;
	height: auto;
	margin: 0 auto;
	padding: 0;
    text-align: center;
}
#main_title img {
	max-width: 100%;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
/*　共通　*/
.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;
}

}