https://www.tanaka-nenryo.jp/_js/responsive_switch.js

1//PCのとき
2function switch_pc() {
3	//テーブル見出し横並び
4	var responsiveTbl = $('#maincontent').find('.head_horizon');
5	if(responsiveTbl.length){
6		responsiveTbl.each(function(){
7			var self = $(this);
8			if(!self.find('th').length){
9				self.find('td').css({
10					'border-top':'none'
11				});
12			}
13		});
14	}
15	if($('#headHorizonStyle').length){
16		$('#headHorizonStyle').remove();
17	}
18}
19
20//SPのとき
21function switch_sp() {
22	//テーブル見出し横並び
23	var responsiveTbl = $('#maincontent').find('.head_horizon');
24	if(responsiveTbl.length){
25		var headHorizonStyle = '<style type="text/css" id="headHorizonStyle">';
26		responsiveTbl.each(function(j){
27			var self = $(this);
28			var headHorizon = self.find('tr.head');
29			var headData = [];
30			var countCell = 0;
31			if(self.find('th').length){
32				headHorizon.find('th').each(function(){
33					var thisData = $.trim($(this).text());
34					headData.push(thisData);
35					countCell++;
36				});
37				self.find('tr').each(function(){
38					var self = $(this);
39					var headHorizon = self.hasClass('head');
40					if(!headHorizon){
41						$.each(headData,function(i){
42							if(countCell > i){
43								var thisCell = self.children().eq(i);
44								thisCell.attr('data-head',this);
45								i++;
46							}
47						});
48					}
49				});
50			}else{
51				self.closest('table').addClass('j' + j);
52				var tblColor = self.css('background-color');
53				headHorizon.find('td').each(function(){
54					var thisData = $.trim($(this).text());
55					headData.push(thisData);
56					countCell++;
57				});
58				var fontColor = headHorizon.find('td:first-of-type').find('span').css('color');
59				if(fontColor){
60					headHorizonStyle += '#maincontent .head_horizon.j' + j + ' td.head::before{color: '+ fontColor +';}';
61				}
62				self.find('tr').each(function(){
63					var self = $(this);
64					var headHorizon = self.hasClass('head');
65					if(!headHorizon){
66						$.each(headData,function(i){
67							if(countCell > i){
68								var thisCell = self.find('td').eq(i);
69								thisCell.attr('data-head',this);
70								if(tblColor!='transparent'&&i!=0){
71									thisCell.css({
72										'border-top-width':'1px',
73										'border-top-style':'solid',
74										'border-top-color':tblColor
75									});
76								}
77								i++;
78							}
79						});
80					}
81				});
82			}
83			j++;
84		});
85		headHorizonStyle += '</style>';
86		$('head').append(headHorizonStyle);
87	}
88}