@charset "UTF-8";

div#main {max-width:1200px;}

h2 {background-color:#ffecc6;}
div.box {padding: 0;margin:5em auto;border-style: none;}

/*
div#HowToChoose {}
div#ARM {}
div#TV {}
*/

div.catch {color:#cc0000;font-size:1.5em;}
a.button {
	display:block;font-size:0.8rem;width:10em;margin-left:auto;
	padding:0.5em;background-color:#cc0000;color:#ffffff;
	text-align:center;border-radius:0.5em;
	text-decoration:none;
}
a.button:hover {
	background-color:#ffa702;color:#000000;
	text-decoration:underline;
}

/* nex page */
ul.next_page {
	list-style-type:none;margin:0.5em auto;padding:0;text-align:center;
	display:flex;justify-content:center;font-size:0.8em;}
ul.next_page li {width:45%;padding:0.5em;}
ul.next_page li a {padding:0.5em 0;display:block;text-decoration:none;color:#cc0000;border:2px solid #cc0000;border-radius:0.5em;}
ul.next_page li a:hover {text-decoration:underline;background-color:#ffffcc;}

/* -- HowToChoose -- */
ul#motive_list {font-size:1.5rem;list-style-type:none;margin:0.5em;padding:0;}
ul#motive_list li {margin:1em 0;}
ul#motive_list li strong{background-color:#ffffcc;color:#cc0000;}

/* product table */
table.choose {border:5px solid #336699;border-radius:0.5em;margin:2em auto;}
table.choose caption {font-size:1.5em;color:#cc0000;text-align:left;}
table.choose a.thumb_img {display:block;}
table.choose a.thumb_img img {width:100%;height:auto;margin:auto;display:block;box-sizing: border-box;border:2px solid #ffffff;}
table.choose a.thumb_img img:hover {border:2px solid #336699;}

table.choose td {padding:5px;}
table.choose td h3 {font-size:1.5rem;margin:0;text-align:center;background-color:#ffd304;color:#000000;margin-bottom:0.5em;}
table.choose td h3 a {display:block;text-decoration:none;color:#000000:}
table.choose td h3 a:hover {text-decoration:underline;}

table.choose .picup {font-size:1.5em; color:#cc0000;text-align:left;margin:0.25em;}

table.choose td.tdl{width:40%;}
table.choose td.tdl a {display:block;text-align:center;}
table.choose td.tdr{vertical-align: top;}

table.tb1 {width:95%;}
table.tb2 {width:75%;}

table.tb3 {
	width:100%;border:none;table-layout: fixed;
	border-spacing: 0.5em;margin:2em auto;
}
table.tb3 td {border:3px solid #336699;text-align:center;vertical-align:top;}
table.tb3 td img {margin:1em auto;}

/* -- info_family -- */
div#info_family {margin:5em 0.5em 0 0.5em;}
div#info_family h4 {
	background-color:#ffffff;color:#336699;
	border:3px solid #336699;border-radius:1em;
	text-align:center;padding:0.5em;font-size:1.5rem;
}
div#info_family img {width:100%;}

/* -- mountingbracket(page2) -- */
ul.doc_link {
	list-style-type:none;margin:0.5em auto;padding:0;text-align:center;
	max-width:600px;margin:2em auto;
}
ul.doc_link li a {
	display:block;background-color:#cc0000;color:#ffffff;
	margin:0.5em;padding:0.5em;
	text-decoration:none;border:2px solid #ffffff;
}
ul.doc_link li a:hover {text-decoration:underline;border:2px dashed #ffffff;}

/* ---- window size [ smartphone ] ---- ---- ---- ---- ---- ---- */
@media screen and (max-width: 599px) {
	h1 {font-size:1em;}
	
	/* table.choose {} */
	table.choose td {display:block;}
	table.choose td.tdl {width:auto;}

	div#info_family h4 {font-size:1.2rem;}
}

/* ---- window size [ tablet & pc ] ---- ---- ---- ---- ---- ---- */
@media screen and (min-width: 600px) and (max-width: 899px) {
	table.choose td h3 {font-size:1rem;}
}