@charset "utf-8";

/*全体
------------------------------------------------------------------------------------------------------------------*/
body{ -webkit-text-size-adjust: 100%; width:100%; overflow-x:hidden; }
#header, #container, #footer, #copyright { min-width:0; }
#header_inner, #wrapper,#breadcrumb_inner, #footer_navi_inner, #footer_info_inner { width:100%; max-width:1000px; margin:0 auto; }

* { box-sizing:border-box; }
img{ max-width: 100%; height: auto; width: auto; }

table { width:100%; }
h3 { line-height:1.5; }


#header { height: auto; padding-bottom: 10px;}
#header_area{max-width: 100%;}
#header_inner{height:auto;}
.img_left, .img_right{float:none;}

/*ナビげーション
------------------------------------------------------------------------------------------------------------------*/
#wrapper {margin:20px auto;padding:0 3px;}

/*グローバルナビ*/
#globalmenu   {}
#globalmenu ul, #globalmenu li, #globalmenu li a{height:auto;}
#globalmenu li a{padding: 1% 0 6%;padding: 1% 0 15%;}
#globalmenu li{background-position: center center;}

@media (max-width : 699px ){
#globalmenu ul li{background-size: 130%;}
}
@media (max-width : 399px ){
#globalmenu ul li{background-size: 170%;}
}

/*フッター
------------------------------------------------------------------------------------------------------------------*/
.footer_ara{padding: 0 3%;}
.footer_ara p{width: calc(100% - 300px);}
#footer_company p span{margin:0;}

@media (max-width : 699px ){
	#footer_column2 ul, #copy{text-align: center; margin: 20px auto;}
	#footer_column2 ul li {margin: 0 3%;float: none;display: inline-block;}
	.footer_ara p{margin: 0;width:100%;}
	#footer_column1 .footer_ara{padding-top: 20px;}
	#footer_column1 img{margin-top: 10px;}
	#footer_logo{text-align: center; margin-top: 20px;}
	#footer_company p:last-of-type{margin-bottom:	20px;}
	.footer_ara #footer_company p{text-align: center;}
	.fc_txt2{font-size: 100%;}
}

/*==================================================================================================================
トップページに関する設定
==================================================================================================================*/
/*メインヴィジュアル
------------------------------------------------------------------------------------------------------------------*/

#topindex_siryo{margin: 0 auto 30px;}

/*コンテンツ
------------------------------------------------------------------------------------------------------------------*/
@media (max-width : 699px ){
	#side{float:none;width: auto;margin-top: 30px; text-align: center;}
	#cmn_link{width: 200px; margin: 0 auto;}
	#side > div{display: inline-block; margin: 0 2% 20px; vertical-align: top;}
	#topics_data { padding:0; }
}
/*==================================================================================================================
サブページ共通
==================================================================================================================*/
@media (max-width : 699px ){
	#main{width:100%;float:none;}

}



/*画像フロート*/


/*==================================================================================================================
サブページ個別
==================================================================================================================*/

/* メニューを非表示にするパターン */
@media (max-width : 580px ){

	.noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
	table.noTab tr {}
	table.noTab th { font-weight:bold; padding:3px 5px;}
	table.noTab td { padding:3px 5px;}
	.table_box { padding:13px 3px; }
	.scTab{ overflow: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; }
	.scTab::-webkit-scrollbar{ height: 5px; }
	.scTab::-webkit-scrollbar-track{ background: #F1F1F1; }
	.scTab::-webkit-scrollbar-thumb { background: #BCBCBC; }
	table#register th, table#register td, table#group th, table#group td{width:	100%;}
}