
#container{
	padding:1em 2em;
}

ul#pankuzu1 {
	display:flex;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0.8em;
}
ul#pankuzu1 li a {
	text-decoration:none;
}
ul#pankuzu1 li a::after {
	content : ">" ;
	margin:0 0.5em;
}

h1 {
	border-bottom:1px dotted #ccc;
}

#page_back {
	margin:1.5em 0 3em 0;
}
#page_back a::before {
	content : "<< " ;
}

.ads_336 span {
	font-size:0.7em;
	margin-bottom:0.5em;
}

.hidden_form {
	padding:0.0em;
	margin:3em 0 1em;
	display:flex;
}
.hidden_form span {
	font-weight:bold;
	display:inline-block;
	margin-right:1.0em;
}
.hidden_form ul {
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
	margin:0;
	padding:0;
}
.hidden_form ul li {
	margin-right:1em;
}
.hidden_form ul li input {
	margin-right:0.2em;
}

.new_series_table {
	border-left:1px solid #000;
	border-top:1px solid #000;
	margin:0em auto 0em;
	border-collapse:collapse;
	display: block;
	overflow: scroll;
	height:70vh;
	width:100%;;
	table-layout: fixed;
}
.new_series_table th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 3;
}

#name td {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

#name td::before{
	content : "" ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
	width : 100% ;
	height : 100% ;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	z-index: -1;
}

.new_series_table th {
	max-width:6em;
	background:#000;
	color:#fff;
	border-right:1px solid #000;
	border-bottom:1px solid #fff;
	padding:0.5em 0.5em 0.5em;
	box-sizing: border-box;
  	font-sze:0.9em;
}
.new_series_table th:nth-child(2) {
	text-align:left;
    padding:0.5em 1em;
	width:6em;
}
.new_series_table th::before {
	content : "" ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
	width : 100% ;
	height : 100% ;
	border-right:1px solid #000;
	border-bottom:1px solid #fff;
	z-index: -1;
}
.new_series_table th span {
    font-size:0.6em;
    font-weight:normal;
    display:block;
    margin-bottom:1em;
}
.new_series_table th a {
    font-size:0.8em;
    color:orange;
    font-weight:normal;
    display:block;
}
.new_series_table #afi th {
    border-bottom:1px solid #000;
}
.new_series_table td {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:1.5em 1em;
    text-align:center;
    box-sizing: border-box;
}


.th_header {
    display:block;
    font-size:0.7em;
    color:#aaa;
    border:1px solid #aaa;
    margin-bottom:1em;
}

.check_row {
    width:3em;
}


.Raspberry_Pi_bg {
    background:#ffdad9;
}
.Arduino_bg {
    background:#e5fffe;
}
.M5Stack_bg {
    background:#efe3ff;
}
.ESP32_bg {
    background:#fff6da;
}

.model_name {
    display:block;
    font-weight:bold;
    font-size:1.2em;
}
.model_inch {
    display:block;
    font-weight:bold;
    font-size:0.9em;
    margin-bottom:0.5em;
}
.ipad_ali {
    display:block;
    font-size:0.7em;
    color:#666;
}

#image td {
    vertical-align:middle;
}
#image td .image_alt {
    text-align:center;
    list-style-type:none;
    padding:0;
    margin:1.5em auto 0;
    font-size:0.7em;
}
#image td .image_alt li {
    margin-bottom:0.5em;
}
#image td .image_alt a {
    text-decoration:none;
}
#image td .image_alt img {
    width:auto;
    height:auto;
}

#image td img {
	max-width:160px;
}

#rel td {
   font-size:0.9em;
   vertical-align:top;
}
#rel td span.rel_small {
    display:block;
    font-size:0.65em;
}

#price td {
	vertical-align:top;
}
#price td ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
}
#price td ul li {
	margin-bottom:0.5em;
}
#price td span {
	font-size:0.7em;
}


#wifi td {
    vertical-align:middle;
}

#size td {
    vertical-align:top;
}
#size td dl {
    display:flex;
    flex-wrap:wrap;
    
}
#size td dl dt {
    font-size:0.9em;
    font-weight:bold;
    flex-basis:30%;
    margin:0;
    padding:0;
}
#size td dl dt::after {
    content:'：';
}
#size td dl dd {
    text-align:left;
    flex-basis:60%;
    margin:0;
    padding:0;
}
#size td dl dt ,
#size td dl dd {
    margin-bottom:0.5em;
}
#size td dl dt:last-of-type ,
#size td dl dd:last-of-type {
    margin-bottom:0em;
}
#size td span {
	font-size:0.7em;
}

#weight td dl {
}
#weight td dl dt {
    font-weight:bold;
    font-size:0.9em;
    margin-bottom:0.5em;
}
#weight td dl dt::after {
    content:'：';
}
#weight td dl dd {
}
#weight td dl dt ,
#weight td dl dd {
    text-align:left;
    margin:0;
    padding:0;
    width:100%;
}
#weight td dl dd:first-of-type {
    margin-bottom:1em;
    
}

#cpu td span {
	font-size:0.7em;
}


#display td {
	vertical-align:top;
	font-size:0.9em;
}

#cpu td {
    font-size:0.9em;
    vertical-align:top;
}

#memory td {
    text-align:center;
}
#memory td dl {
    display:flex;
    flex-wrap:wrap;   
}
#memory td dl dt {
    font-size:0.9em;
    font-weight:bold;
    flex-basis:40%;
}
#memory td dl dd::before {
    content:'：';
}
#memory td dl dd {
    flex-basis:50%;

}
#memory td dl dt ,
#memory td dl dd {
    text-align:left;
    padding:0;
    margin:0 0 0.5em 0;
}
#memory td dl dt:last-of-type ,
#memory td dl dd:last-of-type {
    margin-bottom:0em;
}
#memory td span.memory_small {
    display:block;
    font-size:0.7em;
    margin-top:0.5em;
    text-align:left;
}

#camera_front td {
    vertical-align:top;
}
#camera_front td dl {
    display:flex;
    flex-wrap:wrap;   
}
#camera_front td dl dt {
    font-size:0.9em;
    font-weight:bold;
    flex-basis:25%;
}
#camera_front td dl dt::after {
    content:'：';
}
#camera_front td dl dd {
    flex-basis:65%;

}
#camera_front td dl dt ,
#camera_front td dl dd {
    text-align:left;
    padding:0;
    margin:0 0 0.5em 0;
}
#camera_front td dl dt:last-of-type ,
#camera_front td dl dd:last-of-type {
    margin-bottom:0em;
}


#camera_back td {
    vertical-align:top;
}
#camera_back td dl {
    display:flex;
    flex-wrap:wrap;
}
#camera_back td dl dt {
    font-size:0.9em;
    font-weight:bold;
    flex-basis:25%;
}
#camera_back td dl dt::after {
    content:'：';
}
#camera_back td dl dd {
    flex-basis:65%;
    font-size:0.9em;

}
#camera_back td dl dt ,
#camera_back td dl dd {
    text-align:left;
    padding:0;
    margin:0 0 0.5em 0;
}
#camera_back td dl dt:last-of-type ,
#camera_back td dl dd:last-of-type {
    margin-bottom:0em;
}

#connect td {
    font-size:0.9em;
}

#sim td {
    font-size:0.9em;
}

#touch td span.touch_small ,
#pencil td span.pencil_small ,
#keyboard td span.keyboard_small {
    display:block;
    font-size:0.7em;
    margin-top:0.5em;
    text-align:center;
}

#future td {
    vertical-align:top;
    text-align:left;
}

#afi td span {
	font-size:0.7em;
	display:block;
}

.about_head {
	background:#f7fafe;
	margin-top:3em;
	margin-bottom:2em;
	padding:0.5em 1em 0.5em 1em;
	text-align:left;
	border-left:7px solid #006305;
	font-weight:bold;
}

/* タブレット（縦）・スマホ（縦／横） */
@media only screen and (max-width: 767px) {

	.hidden_form {
		display:block;
	}
	.hidden_form ul {
		margin-top:0.5em;
	}
	.new_series_table th {
		font-size:0.8em;
	}

	.new_series_table {
		height:auto;
	}


}