@charset "utf-8";



html {
	height: 100%;
	font-size: 62.5%;
	color: #000000;
	font-family: sans-serif;
	font-feature-settings: "palt";
	background: #eeeeee;
}
body {
	position: relative;
	height: 100%;
	font-size: 1.6rem;
	line-height: 1.5;
}
body#sentei footer {
	padding: 40px 0;
	font-size: 0.75em;
	line-height: 1;
	text-align: center;
}
body#sentei article {
	width: 100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	background: #ffffff;
	border-top: 2px solid #e2041b;
}



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

body#sentei article {
	padding: 4vw;
}

}



/* ----- login ----- */



body#sentei.login {
	display: flex;
	justify-content: center;
	align-items: center;
}
body#sentei.login .loginbox {
	width: 100%;
	max-width: 620px;
}
body#sentei.login header {
	text-align: center;
}
body#sentei.login header h1 {
	font-size: 1.333em;
	margin-bottom: 0.5em;
}
body#sentei.login header h2 {
	font-size: 0.75em;
	margin-bottom: 40px;
}
body#sentei.login form ul {
	margin-bottom: 40px;
}
body#sentei.login form li {
	margin-bottom: 20px;
}
body#sentei.login form li:last-child {
	margin-bottom: 0;
}
body#sentei.login form label {
	display: block;
	margin-bottom: 5px;
}
body#sentei.login form input[type=text],
body#sentei.login form input[type=password],
body#sentei.login form input[type=submit] {
	-webkit-appearance: none;
}
body#sentei.login form input[type=text],
body#sentei.login form input[type=password] {
	width: 100%;
	border: 2px solid #cccccc;
	margin: 0;
	padding: 0.5em;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 6px;
}
body#sentei.login form .submit {
	text-align: center;
}
body#sentei.login form .submit input[type=submit] {
	display: inline-block;
	margin: 0;
	padding: 0.5em 2em;
	font-size: 1.333em;
	line-height: 1;
	color: #ffffff;
	background: #e2041b;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.4s;
}
body#sentei.login form .submit input[type=submit]:hover {
	opacity: 0.6;
}
body#sentei.login .logout {
	margin-top: 40px;
	text-align: center;
}
body#sentei.login .logout a {
	color: #e2041b;
	text-decoration: none;
}
body#sentei.login footer {
	padding-bottom: 0;
}



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

body {
	padding: 0 4vw;
}

}



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

body {
	font-size: 3.5vw;
	line-height: 1.5;
}
body#sentei footer {
	padding: 8vw 0;
}

body#sentei.login article {
	padding: 8vw 4vw;
}
body#sentei.login header h2 {
	margin-bottom: 8vw;
}
body#sentei.login form ul {
	margin-bottom: 8vw;
}
body#sentei.login form li {
	margin-bottom: 6vw;
}
body#sentei.login form li:last-child {
	margin-bottom: 0;
}
body#sentei.login form .submit input[type=submit] {
	transition: 0;
}
body#sentei.login form .submit input[type=submit]:hover {
	opacity: 1;
}
body#sentei.login .logout {
	margin-top: 6vw;
}

}



/* ----- list ----- */



body#sentei.list {
}
body#sentei.list a {
	color: #000000;
	text-decoration: none;
}
body#sentei.list a:visited {
	color: #999999;
}
body#sentei.list header {
	padding: 40px 0;
	text-align: center;
}
body#sentei.list header h1 {
	font-size: 1.333em;
	line-height: 1;
}
body#sentei.list .readfirst {
	text-align: center;
	margin-bottom: 40px;
}
body#sentei.list .readfirst a {
	display: inline-block;
	padding: 1em 4em;
	font-size: 20px;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	background: #e2041b;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.4s;
}
body#sentei.list .readfirst a:hover {
	opacity: 0.6;
}
body#sentei.list .kakunin {
	text-align: center;
	margin-top: 40px;
}
body#sentei.list .kakunin a {
	text-decoration: underline;
}
body#sentei.list article {
	border-top: none;
}
body#sentei.list article #senteilist ul li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}
body#sentei.list article #senteilist ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
body#sentei.list article #senteilist ul li a {
	display: block;
}
body#sentei.list article #senteilist ul li .item {
	display: flex;
	align-items: center;
}
body#sentei.list article #senteilist ul li .item .num {
	padding-right: 20px;
	font-size: 1.2em;
	line-height: 1;
}
body#sentei.list article #senteilist ul li .item .num span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #ffffff;
	background: #e2041b;
	border-radius: 100%;
}
body#sentei.list article #senteilist ul li .item figure {
	flex-shrink: 0;
	width: 120px;
}
body#sentei.list article #senteilist ul li .item figure img {
	width: 120px;
	height: 120px;
	object-fit: contain;
}
body#sentei.list article #senteilist ul li .item .iteminfo {
	flex-grow: 1;
	padding-left: 20px;
}
body#sentei.list article #senteilist ul li .item .iteminfo .company {
	font-size: 0.75em;
}
body#sentei.list article #senteilist ul li .detail {
	margin-top: 10px;
	font-size: 0.75em;
	overflow-wrap: break-word;
}
body#sentei.list article #senteilist ul li .spec {
	margin-top: 10px;
	padding: 20px;
	font-size: 0.75em;
	background: #f8f8f8;
	border: 1px solid #eeeeee;
}
body#sentei.list article #senteilist ul li .spec table {
	width: 100%;
}
body#sentei.list article #senteilist ul li .spec table th {
	white-space: nowrap;
	padding-right: 20px;
}
body#sentei.list article #senteilist ul li .spec table td {
	width: 100%;
	word-break : break-all;
}
body#sentei.list article #senteilist ul li .spec table th,
body#sentei.list article #senteilist ul li .spec table td {
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
}
body#sentei.list article #senteilist ul li .spec table tr:last-child th,
body#sentei.list article #senteilist ul li .spec table tr:last-child td {
	padding-bottom: 0;
}
body#sentei.list article #senteilist ul li .spec table p + p {
	padding-top: 10px;
}
body#sentei.list article #senteilist ul li .memo {
	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 8px;
	border: 1px solid #cccccc;
	width: 100%;
	height: 80px;
	font-size: 0.6em;
	color: #999999;
}
body#sentei.list article #senteilist ul li .point {
	display: none;
	margin-top: 10px;
	font-size: 0.9em;
	color: #ffffff;
	line-height: 1.2;
}
body#sentei.list article #senteilist ul li .point small {
	font-size: 0.8em;
}
body#sentei.list article #senteilist ul li .point table {
	width: 100%;
	table-layout: fixed;   /* 評価項目の数(「選定サイト設定」)に合わせて列を等分する */
}
body#sentei.list article #senteilist ul li .point table th {
	white-space: nowrap;
	padding: 1em;
	background: #e2041b;
}
body#sentei.list article #senteilist ul li .point table td {
	padding: 1.5em 0;
}
body#sentei.list article #senteilist ul li .point table th,
body#sentei.list article #senteilist ul li .point table td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dddddd;
}



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

body#sentei.list article #senteilist ul li .item figure {
	flex-shrink: 0;
	width: 100px;
}
body#sentei.list article #senteilist ul li .item figure img {
	width: 100px;
	height: 100px;
	object-fit: contain;
}
body#sentei.list .readfirst {
	text-align: center;
	margin-bottom: 8vw;
}
body#sentei.list .readfirst a {
	padding: 1em 2em;
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
	background: #e2041b;
	transition: 0;
	border-radius: 6px;
}
body#sentei.list .readfirst a:hover {
	opacity: 1;
}
body#sentei.list .kakunin {
	text-align: center;
	margin-top: 8vw;
}
body#sentei.list article #senteilist ul li .detail {
	margin-top: 2vw;
}
body#sentei.list article #senteilist ul li .spec {
	margin-top: 2vw;
	padding: 4vw;
}
body#sentei.list article #senteilist ul li .spec table th {
	padding-right: 4vw;
}
body#sentei.list article #senteilist ul li .spec table th,
body#sentei.list article #senteilist ul li .spec table td {
	padding-bottom: 2vw;
}
body#sentei.list article #senteilist ul li .spec table tr:last-child th,
body#sentei.list article #senteilist ul li .spec table tr:last-child td {
	padding-bottom: 0;
}
body#sentei.list article #senteilist ul li .spec table p + p {
	padding-top: 2vw;
}

}



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

body#sentei.list header {
	padding: 8vw 0;
}
body#sentei.list article #senteilist ul li {
	margin-bottom: 4vw;
	padding-bottom: 4vw;
}
body#sentei.list article #senteilist ul li .item .num {
	padding-right: 4vw;
}
body#sentei.list article #senteilist ul li .item .iteminfo {
	padding-left: 4vw;
}
body#sentei.list article #senteilist ul li .item figure {
	flex-shrink: 0;
	width: 80px;
}
body#sentei.list article #senteilist ul li .item figure img {
	width: 80px;
	height: 80px;
	object-fit: contain;
}

}