@charset "utf-8";

/* CSS Document */

/****************************************************************************/

/**						スマートフォン用CSS									*/

/****************************************************************************/

@media screen and (max-width:640px){

body {

	-webkit-text-size-adjust: 100%;

}



img, button{

	max-width: 100%;

	height: auto;

	width:auto;

}





/* ----------------------------------------------------

					段組

---------------------------------------------------- */

#wrapper{

	min-width: 0;

}



.container {

	width: 96%;

	margin: 0 2%;

}



#main_box {

	float:none;

	width: auto;

	padding: 20px 10px 30px;

}



#sub_box {

	display: none;

}





/* ----------------------------------------------------

		ヘッダー

---------------------------------------------------- */

#head_right, header nav {

	display: none;

}



header {

	padding: 10px;

}



#logo {

	margin: 0 50px 0 0;

	float: none;

}



#sp_menu_btn {

	display: block;

}





/* ----------------------------------------------------

		フッター

---------------------------------------------------- */

#foot_bnr {

	padding: 20px 0 55px;

	margin-top: 15px;

}



.foot_bnr_box {

	padding: 10px;

}



.foot_bnr_box h1 {

	border-width: 2px;

	padding-left: 5px;

	height: 15px;

	line-height: 15px;

	font-size: 1.2rem;

	margin-bottom: 0;

	display: inline-block;

	vertical-align: middle;

	width: 120px;

}



.foot_bnr_box .bx-wrapper {

	padding: 0 30px;

}



#foot_bnr_association .bx-wrapper {

	width: calc(100% - 195px);

	display: inline-block;

	vertical-align: middle;

}



#foot_bnr_link {

	margin-top: 15px;

}



#foot_bnr_link ul {

	margin-top: 15px;

}



#foot_bnr_link li {

	width: 33.33%;

}



footer {

	padding-bottom: 30px;

	border-top: none;

}



footer .container {

	width: 100%;

	margin: 0;

}



#foot_navi {

	display: none;

}



#foot_lower {

	padding-top: 0;

}



#foot_link {

	float: none;

	font-size: 1.8rem;

	font-weight: bold;

}



#foot_link li {

	margin: 0;

	padding: 10px 2%;

	float: none;

	border-bottom: 1px solid #000000;

}



#foot_link li a {

	padding-left: 0;

}



#foot_link li a::before {

	border: none;

}



#foot_address {

	float: none;

	width: auto;

	margin: 20px 2% 0;

}



#foot_address h1 {

	font-size: 1.8rem;

}



#foot_address p {

	font-size: 1.5rem;

}



#copyright {

	float: none;

	margin: 10px 2% 0;

	font-size: 1.4rem;

	line-height: 1.4;

}



#to_top {

	width: 25px;

	height: 25px;

	bottom: 20px;

	right: 20px;

}



#to_top::before {

	width: 2px;

	height: 10px;

	top: 8px;

}



#to_top::after {

	width: 7px;

	height: 7px;

	top: 8px;

}





/* ----------------------------------------------------

		ブロック要素

---------------------------------------------------- */

.two_col_list li, .three_col_list li, .three_col_list li, .four_col_list li, .five_col_list li, .two_col_box li {

	float: none;

	width: auto;

	margin-right: 0 !important;

	margin-left: 0 !important;

}



.content2_1, .content2_2, .content3_1 , .content3_2 , .content3_3, .content4_1 , .content4_2 , .content4_3 , .content4_4 {

	float: none;

	width: auto;

	margin-right: 0 !important;

	margin-left: 0 !important;

}





/* ----------------------------------------------------



---------------------------------------------------- */

.index_list {

	display: block;

	margin: 0;

}



.index_list li {

	width: auto;

	display: block;

	margin-top: 15px;

}



.access_map iframe {

	width: 100%;

	height: 200px;

}





/* ----------------------------------------------------

		テーブル

---------------------------------------------------- */

.basic_table th, .basic_table td {

	display: block;

	width: 100% !important;

	padding: 10px;

}





/* ----------------------------------------------------

		フォーム

---------------------------------------------------- */

.form_table input, .form_table  select, .form_table textarea {

	width: 100%;

	box-sizing: border-box;

}



.btn_submit, .btn_reset {

	width: 100%;

}





/* ----------------------------------------------------

		スライダー

---------------------------------------------------- */

.slider01 .bx-wrapper .bx-controls-direction a {

	top: calc(50% - 9px);

	width: 18px;

	height: 18px;

}



.slider01 .bx-wrapper .bx-controls-direction a::before {

	width: 6px;

	height: 6px;

	border-width: 1px;

	top: calc(50% - 4px);

	left: 4px;

}



.slider01 .bx-prev::before {

	left: 8px !important;

}





/* ----------------------------------------------------

		中央会の事業

---------------------------------------------------- */

.business_list {

	display: block;

	border-spacing: 0;

	margin: 0;

}



.business_list li {

	width: auto;

	display: block;

}





/* ----------------------------------------------------

		中小企業の景況

---------------------------------------------------- */

#business_conflict_title p {

	position: static;

	text-align: right;

	margin-top: 10px;

}



#business_conflict_list li p {

	display: block;

}





/* ----------------------------------------------------

		書式・様式ダウンロード

---------------------------------------------------- */

#download_internal_link {

	padding: 10px;

}



#download_internal_link li {

	display: block;

	margin-right: 0;

}



#download_internal_link p {

	position: static;

	margin-top: 15px;

}





/* ----------------------------------------------------

		お問い合わせ

---------------------------------------------------- */

#contact_progress li {

	font-size: 1.2rem;

}





/* ----------------------------------------------------

		愛知県の業界サイト

---------------------------------------------------- */

.industry_list li {

	width: 100%;

	float: none;

	border: 1px solid #ebebeb;

}



.industry_list li:nth-child(n + 2) {

	border-top: none;

}





/* ----------------------------------------------------

		中央会メールマガジン

---------------------------------------------------- */

#mailmagazine_lede_txt {

	display: block;

}



#mailmagazine_lede_img {

	display: block;

	padding-left: 0;

	margin: 15px auto 0;;

}





/* ----------------------------------------------------

		お知らせ

---------------------------------------------------- */

.news_box ul li p {

	display: inline-block;

}



.news_box ul li h2 {

	display: block;

	padding-left: 0;

}





/* ----------------------------------------------------

		機関誌バックナンバー

---------------------------------------------------- */

#organ_latest, #organ_latest_txt {

	display: block;

}



#organ_latest_img {

	display: block;

	padding-left: 0;

	margin-top: 10px;

	text-align: center;

}



/* ----------------------------------------------------

		この組合・この企業

---------------------------------------------------- */

.detail_box .detail_box_img{

	width: 100%;

	max-width: 100%;

	margin-right: 0;

}



.detail_unit_img_l {

	float: none;

	width: 100%;

	max-width: 100%;

	margin-right: 0;

}



.detail_unit_img_r {

	float: none;

	width: 100%;

	max-width: 100%;

	margin-left: 0;

}



.detail_unit_img_one {

	float: none;

	width: 100% !important;

	max-width: 100%;

	margin-right: 0;

	margin-bottom: 15px;

}



.detail_unit_img_col2, .detail_unit_img_col3 {

	margin-right: 0;

}



.detail_table tbody{

display: block;

}



.detail_table tr {

display: block;

}





.detail_table th {

	display: block;

	width: 93.75%;

	padding: 15px 3.125%;

}



.detail_table td {

	display: block;

	width: 93.75%;

	padding: 15px 3.125%;

}



.detail_contact tbody{

display: block;

}



.detail_contact tr {

display: block;

}



.detail_contact th {

	display: block;

	width: 93.75%;

	padding: 15px 3.125%;

}



.detail_contact td {

	display: block;

	width: 93.75%;

	padding: 15px 3.125%;

}



.wid300{

	width: 94.75%;

}



.wid450{

	width: 94.75%;

}



.detail_contact_btn li{

	width: 100%;

	margin: 0 auto;

	margin-bottom: 20px;

}







/* ----------------------------------------------------

		トップ

---------------------------------------------------- */



.scroll-contents{

     height: 0;

     width: 97.5%;

     padding: 95.5% 5px 10px;

     overflow: auto;

}



.top_news_box ul {

	margin-top: -98.5%;

}





/* ----------------------------------------------------

		モバイル　スクロール　テーブル

---------------------------------------------------- */

.Mscroll{

overflow: auto;　　　　/*tableをスクロールさせる*/

white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/

}



.Mscroll table{

	width: 740px;

}

.Mscroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/

 height: 5px;

}

.Mscroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/

 background: #F1F1F1;

}

.Mscroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/

 background: #BCBCBC;

}



/* ----------------------------------------------------

		景況天気図詳細

---------------------------------------------------- */



#legend_table {

	width: 415px;

}



#climate_table {

	width: 740px;

}







/* ----------------------------------------------------

		行事予定

---------------------------------------------------- */





.gyouji-table tbody{

display: block;

}



.gyouji-table tr {

display: block;

}





.gyouji-table th {

	display: block;

	width: 93.75%;

	padding: 15px 3.125%;

}



.gyouji-table td {

	display: block;

	width: 93.75%;

	padding: 15px 3.125%;

}







/* ----------------------------------------------------

		SPのみ表示

---------------------------------------------------- */

.sp_br {

	display: block;

}



/* ----------------------------------------------------

		よくあるご質問

---------------------------------------------------- */

#textBox{

	width: 86%;

	margin: 8px 0 0 1.56%;

}





}







@media screen and (max-width:480px){

#textBox{

	width: 78.5%;

}



}