/*========================================================
	b31c スタイルシート

以下:スマホ
w400:スマホ
w700:スマホ横向き、タブレット
W900:タブレット
以上:PC

Cache-Control "max-age=86400"
==========================================================*/


body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo", sans-serif }
body { margin: 0; line-height: 1.2; /*background-color: #e5e5e5*/ }

/*========================================================
	全体 
==========================================================*/
/* 全体 w900px以下 */
#b31c_container { width: 100%; background-color: #ffffff; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
/* 全体 w900px以上 */
@media only screen and (min-width: 900px) { 
#b31c_container { max-width:1000px; margin-left: auto; margin-right: auto; padding: 0; background-color: #ffffff }
}

/*========================================================
	リンクのアンダーライン 
==========================================================*/
a { text-decoration: none }
a:hover { text-decoration: underline }


/*========================================================
	画像幅最大値 （これ以上大きくしない）
==========================================================*/
.w600 { max-width: 600px }
.w550 { max-width: 550px }
.w500 { max-width: 500px }
.w475 { max-width: 475px }
.w450 { max-width: 450px }
.w425 { max-width: 425px }
.w400 { max-width: 400px }
.w375 { max-width: 375px }
.w350 { max-width: 350px }
.w325 { max-width: 325px }
.w300 { max-width: 300px }
.w275 { max-width: 275px }
.w250 { max-width: 250px }
.w225 { max-width: 225px }
.w200 { max-width: 200px }
.w175 { max-width: 175px }
.w150 { max-width: 150px }
.w125 { max-width: 125px }
.w100 { max-width: 100px }
.w75 { max-width: 75px }
.w50 { max-width: 50px }
figure { height: auto }
img { width: 100%; height: auto; border: none }

/*========================================================
	ページヘッダー（header） 
==========================================================*/
/* ページヘッダー（header） w300px以下 */
	/* サイトタイトル */
	#b31c_header { width: 98%; padding: 0px 1% 0px 1%; background: none; display: block; clear: both }
	#b31_header_nav { width: 100%; height: auto }
	#b31_header_nav:after { display: block; clear: both }
	#b31c_site_title { float: left; margin: 0; padding: 10px 3px 3px 7px }
	#b31c_site_title a { color: green; font-size: 16px; font-weight: normal; text-decoration: none }
	/* サイトマップ */
	#b31c_sitemap_str { display: none }
	#b31c_sitemap_icon { float: right; display: block; padding: 16px 7px 3px 0px }
	#b31c_sitemap_icon img { text-align: right; width: 28px; height: 18px; padding-top: 0px }
	/* 罫線 */
	#b31c_header hr { width: 100%; border-width: 2px 0px 0px 0px; border-style: solid; border-color: #3366ff; height: 1px; margin-top: 0em; margin-bottom: 0em }
	/* パンくずリスト&公開日・最終更新日 */
	#b31c_header_aside { width: 100%; padding-bottom: 20px }
	#b31c_header_aside:after { display: block; clear: both }
	#b31c_pankuzu_list { float: left; width: 100%; font-family: 'MS UI Gothic'; font-size: 15px; font-weight: normal; padding: 3px 0px 5px 7px }
	#b31c_update { display: none }
/* ページヘッダー（header）  w～300px */
@media only screen and (min-width: 300px) {
	#b31c_site_title a { font-size: 18px }
	/* サイトマップリンク */
	#b31c_sitemap_str { display: block; float: right; padding: 15px 3px 0px 3px }
	#b31c_sitemap_str a { font-size: 14px; } 
	#b31c_sitemap_str a:hover { text-decoration: none }
	#b31c_sitemap_icon { display: none }
}
/* ページヘッダー（header） w～600px */
@media only screen and (min-width: 600px) {
	#b31c_site_title a { font-size: 18px }
}
/* ページヘッダー（header） w961px以上 */
@media only screen and (min-width: 900px) {
	#b31c_site_title a { font-size: 20px }
	#b31c_sitemap_str a { font-size: 14px } 
	/* パンくずリスト&公開日・最終更新日 */
	#b31c_update { display: block; float: right; font-size: 14px; text-align: right; font-weight: normal; padding: 0px 3px 0px 0px; margin-top: -20px }
	#b31c_pankuzu_list { font-size: 16px }
}

/*========================================================
	コンテンツタイトル&メイン画像 
==========================================================*/
/* コンテンツタイトル&メイン画像 w300以下  */
	.b31c_contents_body { width: 100% }
	
	#b31c_contents_header { width: 100%; text-align: center; }

	#b31c_sub_title { font-size: 15px; text-align: center; margin-top: 25px; font-weight: normal; text-decoration: none }
	#b31c_main_title { font-size: 20px; text-align: center; margin-top: 10px; font-weight: bold }
	#b31c_main_title_eng { font-size: 15px; text-align: center; margin-top: -20px; font-weight: bold }
	#b31c_category { font-size: 13px; color: brown; text-align: center; margin-top: 3px }
	#b31c_application { font-size: 13px; text-align: center; margin-top: 15px }
	/* 画像 */
	#b31c_contents_header figure { width: 98%; margin-left: auto; margin-right: auto; text-align: center; display: block }
	#b31c_main_img { width: 100%; height: auto; text-align: center }
	#b31c_contents_header figure figcaption { font-size: 12px }

	.b31c_ueno_page, .b31c_next_page { text-align: center; font-size: 13px; }

/* コンテンツタイトル&メイン画像 w300以上  */
@media only screen and (min-width: 300px) {
	#b31c_sub_title { font-size: 19px; }
	#b31c_main_title { font-size: 24px; }
	#b31c_main_title_eng { font-size: 18px; }
	#b31c_category { font-size: 14px; }
	#b31c_application { font-size: 14px; }
}
/* コンテンツタイトル&メイン画像 w600以上 */
@media only screen and (min-width: 600px) {
	#b31c_sub_title { font-size: 20px; }
	#b31c_main_title { font-size: 30px; }
	#b31c_main_title_eng { font-size: 20px; }
	#b31c_category { font-size: 15px; }
	#b31c_application { font-size: 15px; }
}

/*========================================================
	内容&関連ページ w300以下 
==========================================================*/
	article section { width: 98%; margin-top: 50px; margin-left: 1%; margin-right: 1% }

	/* タイトル */
	h2.b31c_contents { font-size: 18px; text-align: left; margin-bottom: 0.5em; border-left: solid 12px darkcyan; padding-left: 8px; margin-top: 2.3em;/*font-weight: normal;*/ }
	h2.b31c_contents_cedgro { font-size: 18px; color: green; text-align: left; margin-bottom: 0.5em; border-left: solid 12px darkcyan; padding-left: 8px; margin-top: 2.3em;/*font-weight: normal;*/ }
	h3.b31c_contents { font-size: 16px; text-align: left; margin-top: 20px; margin-bottom: 10px; /*font-weight: normal;*/ }
	h3.b31c_contents_cedgro { font-size: 16px; color: green; text-align: left; margin-top: 20px; margin-bottom: 10px; /*font-weight: normal;*/ }

	/* 記事 */
	p.b31c_kiji { font-size: 16px; line-height: 1.4em; text-align: left }
	p.b31c_kiji_bold { font-weight: bold; font-size: 16px; line-height: 1.4em }
	p.b31c_kiji_center { text-align: center; font-size: 16px; line-height: 1.4em }
	p.b31c_kiji_cedgro { color: green; font-size: 16px; line-height: 1.4em }
	p.b31c_kiji_red { color: red; font-size: 16px; line-height: 1.4em }

	/* 画像 */	
	figure { width: 100%; text-align: center; display: block; margin-top: 40px; margin-bottom: 40px; margin-left: auto; margin-right: auto }
	figure img.b31c_kiji_img { width: 100%; height: auto; /*float: center;*/ }
	figure figcaption { text-align: center; font-size: 11px; display: block }

	/* 貼り付け動画 */	
	iframe { text-align: center; display: block; margin-top: 40px; margin-bottom: 40px; margin-left: auto; margin-right: auto }
	iframe figcaption { text-align: center; font-size: 11px; display: block }

	/* コネクタ表 */
	/* コネクタ形状図 */
	.b31c_connect_figure { font-size: 15px; text-align: center; margin-left: auto; margin-right: auto; border: 1px lightgray solid; border-collapse: collapse; margin-bottom: 60px }
	.b31c_connect_figure td { width: 3em; line-height: 1.3em; color: black; padding-top: 1%; padding-bottom: 1% }

	/* コネクタ画像&コネクタ図 */
	div.double_img { width: 100%; margin-top: -20px }
	div.double_img_left, div.double_img_right { width: 100% }
	
	/* 表形式 */
	.b31c_connect_list { width: 100%; font-size: 11px; text-align: center; margin-left: auto; margin-right: auto; border: 1px lightgray solid; border-collapse: collapse; margin-bottom: 60px }
	.b31c_connect_list th { background-color: royalblue; color: white; font-weight: normal }
	.b31c_connect_list tr, th, td { border: 1px lightgray solid }
	.b31c_connect_list td { line-height: 1.3em; color: black; padding-top: 1%; padding-bottom: 1% }
	.b31c_connect_list td.b31c_cell_left { text-align: left }
	
	/* コードの色、コネクタ形状図の色指定 */
	.b31c_bgcolor_black { background-color: black; color: white }
	.b31c_bgcolor_gray { background-color: gray; color: white }
	.b31c_bgcolor_red { background-color: red; color: white }
	.b31c_bgcolor_blue { background-color: blue; color: white }
	.b31c_bgcolor_brown { background-color: brown; color: white }
	.b31c_bgcolor_orange { background-color: orange; color: white }
	.b31c_bgcolor_silver { background-color: silver }
	.b31c_bgcolor_white { background-color: white }
	.b31c_bgcolor_yellow { background-color: yellow }
	.b31c_bgcolor_cyan { background-color: cyan } /* 水色 */
	.b31c_bgcolor_orange { background-color: orange }
	.b31c_bgcolor_greenyellow { background-color: greenyellow }
	.b31c_bgcolor_green { background-color: green; color: white }
	.b31c_bgcolor_purple { background-color: purple; color: white }
	.b31c_bgcolor_pink { background-color: pink }

	.b31c_tire_list { width: 100%; font-size: 11px; text-align: left; border: 1px lightgray solid; border-collapse: collapse; margin-top: 30px; margin-bottom: 60px }
	.b31c_tire_list th { text-align: center; background-color: royalblue; color: white; font-weight: normal; vertical-align: middle; border: 1px lightgray solid }
	.b31c_tire_list tr, td { vertical-align: top; border: 1px lightgray solid }
	.b31c_tire_list td { line-height: 1.3em; color: black; padding-top: 1%; padding-bottom: 1% }
	.b31c_tire_list td figure img { margin-top: 0px; margin-bottom: 0px }
	.b31c_tire_inner_list { max-width: 500px; width: 100%; font-size: 11px; text-align: center; background-color: snow; border: 1px lightgray solid; border-collapse: collapse; margin-top: 20px; margin-bottom: 20px }
	.b31c_tire_inner_list th { text-align: center; background-color: royalblue; color: white; font-weight: normal; vertical-align: middle; border: 1px lightgray solid }
	.b31c_tire_inner_list tr, td { vertical-align: top; border: 1px lightgray solid;
	text-align: center;
}
	.b31c_tire_inner_list td { vertical-align: middle; line-height: 1.3em; color: black; padding-top: 1%; padding-bottom: 1% }

	/*すべてのセルを中央に表示する表 最大巾600px */
	table.b31c_cell_center { max-width: 800px; width: 100%; font-size: 11px; color: black; text-align: center; margin-left: auto; margin-right: auto; border: 1px lightgray solid; border-collapse: collapse; margin-bottom: 60px }
	table.b31c_cell_center th { vertical-align: middle; background-color: royalblue; color: white; font-weight: normal; padding-top: 1%; padding-bottom: 1% }
	table.b31c_cell_center td { vertical-align: middle; font-weight: normal; padding-top: 1%; padding-bottom: 1% }
	table.b31c_cell_center td.b31c_cell_left { text-align: left }

	table.b31c_cell_center p.b31c_cell_kiji { font-size: 11px; text-align: left; vertical-align: top; font-weight: normal; padding-left: 1%; padding-right: 1% }

	/*すべてのセルを中央に表示する表 巾100%*/
	.b31c_cell_center_100 { width: 100%; font-size: 11px; color: black; text-align: center; margin-left: auto; margin-right: auto; border: 1px lightgray solid; border-collapse: collapse; margin-bottom: 60px }
	.b31c_cell_center_100 th { vertical-align: middle; background-color: royalblue; color: white; font-weight: normal; padding-top: 1%; padding-bottom: 1% }
	.b31c_cell_center_100 td { vertical-align: middle; font-weight: normal; padding-top: 1%; padding-bottom: 1% }
	.b31c_cell_center_100 p.b31c_cell_kiji { font-size: 11px; text-align: left; vertical-align: top; font-weight: normal; padding-left: 1%; padding-right: 1% }

	/*すべてのセルを左よりに表示する表 最大巾800px */
	table.b31c_cell_left { max-width: 800px; width: 100%; font-size: 10px; color: black; text-align: left; margin-left: auto; margin-right: auto; border: 1px lightgray solid; border-collapse: collapse; margin-bottom: 60px }
	table.b31c_cell_left th { text-align: center; vertical-align: middle; background-color: royalblue; color: white; font-weight: normal }
	table.b31c_cell_left td { text-align: left; vertical-align: middle; font-weight: normal; padding-top: 1%; padding-bottom: 1% }
	table.b31c_cell_left td.b31c_cell_center { text-align: center }
	.b31c_bbs_rs_rest_table { width: 100%; margin-left: auto; margin-right: auto; border: 1px lightgray solid; border-collapse: collapse; margin-bottom: 60px }
	.b31c_bbs_rs_rest_table th { font-size: 11px; text-align: center; vertical-align: middle; background-color: royalblue; color: white; font-weight: normal; padding-top: 1%; padding-bottom: 1%;  }
	.b31c_bbs_rs_rest_table td { font-size: 12px; text-align: left; font-weight: normal; padding-left: 0px; padding-right: 0px;  line-height: 1.5em; margin-left: auto; margin-right: auto }
	.b31c_bbs_rs_rest_list { font-size: 12px; text-align: left; font-weight: normal; padding-left: 0%; padding-right: 1%; line-height: 2em; margin-left: auto; margin-right: auto }

	/* 横並びのテーブル */
    .b31c_twin_box:after { content: "" ; display: block ; clear: both }
    .b31c_twin_box { float: left; width: 100% }
    .b31c_twin_box1, .b31c_twin_box2 { float: left; width: 80%; margin-left: 10% }


    /* トップページのサイト内検索 */
	.b31c_homepage_search  { margin-left: 5%; margin-right: 5% }




	/* 上のページ、次のページへのリンクナビ */
	.b31c_ueno_page, .b31c_next_page { font-size: 15px; }

	/* 関連ページ */
	#b31c_kanren_page { margin-top: 60px; margin-left: 1%; margin-right: 1% }
	#b31c_kanren_page_nav { text-align: left }
	#b31c_kanren_page_title { color: orange; font-weight: bold; font-size: 18px }
	#b31c_kanren_page_list { font-size: 15px; padding-left: 0px; display: block; clear: both }
	#b31c_kanren_page_list li { /*clear: both;*/ text-align: left; list-style-type: none; padding-top: 5px; padding-bottom: 5px } /*paddingでリンク機能領域拡大*/
	#b31c_kanren_page_list li a { display: inline }
/*========================================================
	内容&関連ページ w300px以上 
==========================================================*/
@media only screen and (min-width: 300px) {
	article section { width: 96%; margin-left: 2%; margin-right: 2% }
	figure figcaption { font-size: 11px }
	
	/* タイトル */
	h2.b31c_contents { font-size: 20px; text-align: left; margin-bottom: 0.5em; border-left: solid 15px darkcyan; padding-left: 10px; /*font-weight: normal;*/ }
	h2.b31c_contents_cedgro { font-size: 20px; color: green; text-align: left; margin-bottom: 0.5em; /*font-weight: normal;*/ }
	h3.b31c_contents { font-size: 18px; text-align: left; margin-top: 20px; margin-bottom: 10px; /*font-weight: normal;*/ }
	h3.b31c_contents_cedgro { font-size: 18px; color: green; text-align: left; margin-top: 20px; margin-bottom: 10px; /*font-weight: normal;*/ }
	
	
	/* 表 */
	.b31c_connect_list td { padding-left: 2px; padding-right: 2px; line-height: 1.4em }
	.b31c_tire_list td { padding-left: 2px; padding-right: 2px; line-height: 1.4em }
	.b31c_tire_inner_list td { padding-left: 2px; padding-right: 2px; line-height: 1.4em }
	.b31c_bbs_rs_rest_list { font-size: 12px; padding-left: 1%; padding-right: 2%; line-height: 2em }
	.b31c_bbs_rs_rest_table th { font-size: 12px }
	.b31c_bbs_rs_rest_table td { font-size: 12px; padding-left: 1px; padding-right: 1px }
	
	
	/* 横並びのテーブル */
    .b31c_twin_box:after { content: "" ; display: block ; clear: both }
    .b31c_twin_box { float: left; width: 100% }
    .b31c_twin_box1 { float: left; width: 40%; margin-left: 5%; margin-right : 5% }
    .b31c_twin_box2 { float: right; width: 40%; margin-left: 5%; margin-right : 5%  }

    /* トップページのサイト内検索 */
	.b31c_homepage_search  { margin-left: 10%; margin-right: 10% }



	/* 関連ページ */
	#b31c_kanren_page { margin-left: 2%; margin-right: 2% }
	#b31c_kanren_page_title { color: orange; font-weight: bold; font-size: 20px }
	#b31c_kanren_page_list li { padding-top: 4px; padding-bottom: 4px }
}
/*========================================================
	内容&関連ページ w600px以上 
==========================================================*/
@media only screen and (min-width: 600px) {
	article section { width: 90%; margin-left: 5%; margin-right: 5% }
	figure figcaption { font-size: 12px }


/* タイトル */
	h2.b31c_contents { font-size: 25px; text-align: left; margin-bottom: 0.5em; border-left: solid 15px darkcyan; padding-left: 10px; /*font-weight: normal;*/ }
	h2.b31c_contents_cedgro { font-size: 25px; color: green; text-align: left; margin-bottom: 0.5em; /*font-weight: normal;*/ }
	h3.b31c_contents { font-size: 20px; text-align: left; margin-top: 20px; margin-bottom: 10px; /*font-weight: normal;*/ }
	h3.b31c_contents_cedgro { font-size: 20px; color: green; text-align: left; margin-top: 20px; margin-bottom: 10px; /*font-weight: normal;*/ }


	/* コネクタ表 */
	/* コネクタ画像&コネクタ図 */

	div.double_img { display: block; clear: both }
	div.double_img_left { float: left; width: 60%; padding-right: 2%;/*padding-rightで真ん中の余白を指定*/ }  
	div.double_img_left figure { vertical-align: middle }
	div.double_img_right { float: left; width: 30%; vertical-align: middle; margin-top: 90px }
	div.double_img_right figure { vertical-align: bottom }
	/* 表形式 */
	.b31c_connect_list { font-size: 13px }
	.b31c_connect_list td { padding-left: 5px; padding-right: 5px }
	.b31c_tire_list { font-size: 13px }
	.b31c_tire_list td { padding-left: 5px; padding-right: 5px }
	.b31c_tire_inner_list { font-size: 13px }
	.b31c_tire_inner_list td { padding-left: 5px; padding-right: 5px }
	.b31c_cell_center td { font-size: 13px }
	.b31c_cell_left td,th{ font-size: 13px }
	.b31c_cell_center p.b31c_cell_kiji { font-size: 13px; padding-left: 5%; padding-right: 5% }
	.b31c_cell_center_100 { font-size: 13px }
	.b31c_cell_center_100 p.b31c_cell_kiji { font-size: 13px; padding-left: 3%; padding-right: 2% }
	.b31c_bbs_rs_rest_table th { font-size: 13px }
	.b31c_bbs_rs_rest_table td { font-size: 13px; padding-left: 2px; padding-right: 1px }
	.b31c_bbs_rs_rest_list { font-size: 13px; padding-left: 1%; padding-right: 2%; line-height: 2em }

    /* トップページのサイト内検索 */
	.b31c_homepage_search  { margin-left: 25%; margin-right: 20% }



	/* 関連ページ */
	#b31c_kanren_page { margin-left: 5%; margin-right: 5% }
	#b31c_kanren_page_title { color: orange; font-weight: bold; font-size: 25px }
	#b31c_kanren_page_list li { padding-top: 2px; padding-bottom: 2px }
}
/*========================================================
	内容&関連ページ w900px以上
==========================================================*/
@media only screen and (min-width: 900px) {
	article section { width: 800px; margin-left: auto; margin-right: auto }
	figure figcaption { font-size: 12px }

	/* 表 */
	.b31c_connect_list { font-size: 13px }
	.b31c_connect_list td { padding-left: 8px; padding-right: 8px }
	.b31c_tire_list { font-size: 13px }
	.b31c_tire_list td { padding-left: 8px; padding-right: 8px }
	.b31c_tire_inner_list { font-size: 13px }
	.b31c_tire_inner_list td { padding-left: 8px; padding-right: 8px }
	.b31c_cell_center { font-size: 14px }
	.b31c_cell_left td { font-size: 14px }
	.b31c_cell_center p.b31c_cell_kiji { font-size: 14px; padding-left: 8%; padding-right: 8% }
	.b31c_cell_center_100 { font-size: 14px }
	.b31c_cell_center_100 p.b31c_cell_kiji { font-size: 14px; /*padding-left: 8%; padding-right: 8%;*/ }
	.b31c_bbs_rs_rest_table th { font-size: 14px }
	.b31c_bbs_rs_rest_table td { font-size: 14px; padding-left: 4px; padding-right: 3px }
	.b31c_bbs_rs_rest_list { font-size: 14px; padding-left: 15%; padding-right: 15%; line-height: 2em }



    /* トップページのサイト内検索 */
	.b31c_homepage_search  { margin-left: 25%; margin-right: 20% }

	/* 関連ページ */
	#b31c_kanren_page_nav { width: 800px; margin-left: auto; margin-right: auto; text-align: left }
	#b31c_kanren_page_title { font-size: 24px }
	#b31c_kanren_page_list { line-height: 1.2em; font-size: 16px;  display: inline }
	#b31c_kanren_page_list li { padding-top: 2px; padding-bottom: 2px }
}


/*========================================================
		スポンサーリンク  w300px以下 
==========================================================*/
	#b31c_sponsored_link { width: 95%; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 35px; text-align: center; clear: both; }
	#b31c_sponsored_link div { width: 85%; margin-left: auto; margin-right: auto; margin-top: 50px; text-align: center; }

	#b31c_sponsored_link_caption { color: gray; margin-bottom: -40px; }



/*========================================================
	フッター（footer）
==========================================================*/
/* フッター（footer） w600px以下 */
	#b31c_footer { text-align: center; width: 100%; margin-top: 70px;}
	#b31c_footer nav a { width: auto; white-space: nowrap; font-size: 14px; text-decoration: none; line-height: 2em; padding: 5px }
	#b31c_footer nav a:hover { text-decoration: none;  }
	#b31c_footer hr { width: 100%; border-width: 2px 0px 0px 0px; border-style: solid; border-color: green; height: 1px; margin-top: 0px; margin-bottom: 0px }
	#b31c_footer small { font-size: 10px; color: red }
/* フッター（footer） w600px */
@media only screen and (min-width: 600px) {
	#b31c_footer nav a { padding: 4px }
	#b31c_footer small { font-size: 12px; color: orange }
}
/* フッター（footer） w961px */
@media only screen and (min-width: 961px) {
	#b31c_footer { width: 940px; margin-left: auto; margin-right: auto }	
	#b31c_footer nav a { padding: 1px }
	#b31c_footer small { font-size: 13px; color: gray }
}



/*========================================================
	ホーム（トップページ） 
==========================================================*/
/*トップページのニュース*/
.b31c_news { font-size: 13px; line-height: 1.2; text-align: left; margin-top: 25px; margin-left: 5%; margin-right: 4% }
.b31c_homepage_box0 { line-height: 1.0; width: 90%; margin-left: auto; margin-right: 0% }


.b31c_homepage_box0 li { list-style-type: none }
/*.b31c_homepage_box1 { font-size: 16px; line-height: 0.8; }*/
.b31c_homepage_box1 h1 { margin-top: 0.5em; margin-bottom: 0em; font-size: 16px; line-height: 0.8; }


.b31c_homepage_list1 { font-size: 16px; text-align: left; width: 100%; margin-bottom: 0.1em; border-left: solid 5px orange; padding-left: 5px; margin-top: 0.2em; font-weight: normal; width: 100% }
.b31c_homepage_list2 { font-size: 16px; text-align: left; margin-bottom: 0.1em; border-left: solid 5px green; padding-left: 3px; margin-top: 0.8em; font-weight: normal }

/* w300以上  */
@media only screen and (min-width: 300px) {
	/*トップページのニュース*/
	.b31c_news { font-size: 14px; line-height: 1.6; margin-left: 10%; margin-right: 8% }
}
/* w600以上 */
@media only screen and (min-width: 600px) {
	/*トップページのニュース*/
	.b31c_news { font-size: 15px; line-height: 1.7; margin-left: 20%; margin-right: 10% }
}


@media only screen and (min-width: 750px) { /*このpx以上のとき2列表示*/
	.b31c_homepage_list1, .b31c_homepage_list2 { font-size: 15px }
	.b31c_homepage_box1 { font-size: 14px; line-height: 1.4; width: 100%; margin-left: 2.3%; margin-right: 5%; margin-top: 0.2em; -moz-column-count: 2; -moz-column-gap: 8%; -webkit-column-count: 2; -webkit-column-gap: 8%; column-count: 2; column-gap: 8%; padding-right: 2% }
}

/*========================================================
	サイトマップ 
==========================================================*/
.b31c_sitemap_mokuji  { text-align: center; font-size: 16px; }
.b31c_sitemap_mokuji i { color:gold; }/* 下向き三角マーク */
.b31c_sitemap_mokuji a { margin-left: 6px; white-space: nowrap; }

.b31c_sitemap_list1 { margin-left: -10%; margin-right: 2%; }
.b31c_sitemap_list1, .b31c_sitemap_list2, .b31c_sitemap_list1 li, .b31c_sitemap_category_list li { list-style-type: none }
.b31c_sitemap_list111, .b31c_sitemap_category_list1 { font-size: 16px; text-align: left; width: 100%; margin-bottom: 0.1em; border-left: solid 5px orange; padding-left: 5px; margin-top: 0.2em; font-weight: normal; width: 100% }

.b31c_sitemap_list2, .b31c_sitemap_category_list2 { font-size: 16px; text-align: left; margin-left: -25px; margin-bottom: 0.1em; border-left: solid 5px green; padding-left: 3px; margin-top: 0.8em; font-weight: normal }

.b31c_sitemap_list999 { font-size: 15px; line-height: 1.8; width: 100%; margin-left: 1%; margin-right: 5%; margin-top: 0.2em; padding-right: 3% }

.b31c_sitemap_list999 i, .b31c_sitemap_category_list i, .b31c_kiji_center i, .b31c_next_page i { margin-right: 8px; color:gold } /* 右向き三角マーク */
.b31c_sitemap_category_list a { font-size: 15px }

@media only screen and (min-width: 600px) { /*このpx以上のとき2列表示*/
.b31c_sitemap_list999 { margin-left: 2.3%; } 
/*カテゴリー別サイトマップ*/
.b31c_sitemap_category_box:after {content: ""; display: block; clear: both}
.b31c_sitemap_category_list {float: left; width: 50%}
.b31c_sitemap_category_list:nth-child(7) {clear: both}

.b31c_sitemap_category_list {padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.b31c_sitemap_category_list:nth-child（1）, .b31c_sitemap_category_list:nth-child(4), .b31c_sitemap_category_list:nth-child(7) {padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
}



@media only screen and (min-width: 750px) { /*このpx以上のとき2列表示*/
/*装備別サイトマップ*/
.b31c_sitemap_list1 { margin-left: 5%; margin-right: 0%; }
.b31c_sitemap_list111 { font-size: 15px }
.b31c_sitemap_list2 { font-size: 15px }
.b31c_sitemap_list999 { font-size: 15px; line-height: 1.5; width: 100%; margin-right: 5%; margin-top: 0.2em; -moz-column-count: 2; -moz-column-gap: 8%; -webkit-column-count: 2; -webkit-column-gap: 8%; column-count: 2; column-gap: 8%; padding-right: 2% }
}