@charset "utf-8";
/*
* CSS for LMS-GC53U
*
* @version			0.0.0
* @lastmodified 2021/10/25
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */
* {
	box-sizing: border-box;
}
section:nth-of-type(1) h2 {
	margin-top: 1.5rem;
}
div.productHeader {
	margin-bottom: 1rem;
}

#PLinkBox {
	border: 1px solid #ccc;
	padding: 0.125rem 0.75rem;
	margin: 0 0.5rem;
}
#PLinkBox ul.pageLink li {
	list-style: none;
	padding: 0.75rem 0;
	padding-left: 0.875rem;
	text-indent: -0.875rem;
}
#PLinkBox ul.pageLink li a::before {
	content: '';
  display: inline-block;
 	width: 0;
  height: 0;
  margin: 0 0.25em 1px 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #4472C4 transparent transparent transparent;
}
@media all and (min-width: 640px) {
	#PLinkBox {
		padding: 0.25rem 0.75rem;
	}
	#PLinkBox ul.pageLink li {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
}
@media all and (min-width: 480px) {
	.main-guide .figure {
		float: right;
		width: 50%;
		margin: 0 0 1.5rem 1.5rem;
	}
}
@media all and (min-width: 640px) {
	.main-guide .figure {
		float: right;
		width: 33.33%;
		margin: 0 0 1.5rem 1.5rem;
	}
}

@media all and (min-width: 768px) {
	div.modbox {
		box-sizing: border-box;
  	display : -ms-flexbox;     /* IE10        */
		display : -webkit-box;     /* old Android */
  	display : -webkit-flex;    /* Safari etc. */
		display: flex;
	}
	div.modbox.reverse {
		flex-direction: row-reverse;
	}
	div.modbox div.cell {
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}
	div.modbox div.cell.per2 {
		flex: 0 0 20%;
		max-width: 20%;
	}
	div.modbox div.cell.per25 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	div.modbox div.cell.per3 {
		flex: 0 0 30%;
		max-width: 30%;
	}
	div.modbox div.cell.per33 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	div.modbox div.cell.per4 {
		flex: 0 0 40%;
		max-width: 40%;
	}
	div.modbox div.cell.per6 {
		flex: 0 0 60%;
		max-width: 60%;
	}
	div.modbox div.cell.per66 {
		flex: 0 0 66.66%;
		max-width: 66.66%;
	}
	div.modbox div.cell.per7 {
		flex: 0 0 70%;
		max-width: 70%;
	}
	div.modbox div.cell.per75 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	div.modbox div.cell.per8 {
		flex: 0 0 80%;
		max-width: 80%;
	}
	div.modbox.reverse div:last-child ,
	div.modbox:not(.reverse) div:first-child {
		padding-right: 1rem;
	}
	div.modbox.reverse div:first-child ,
	div.modbox:not(.reverse) div:last-child {
		padding-left: 1rem;
	}
}
.cell > .caption {
	display: block;
	text-align: center;
	font-size: 0.75rem;
	margin-bottom: 0.25rem;
}
.cell.tcenter {
	text-align: center;
}

div#Useful figure ,
div#Useful div {
	min-width: 312px;
}
div#Useful div.figure div.title {
	font-size: 1.125rem;
	text-align: center;
	min-width: 312px;
	padding: 0.25rem 0.5rem;
	background-color: #eee;
}
div#Useful div.figure div.title + figure {
	margin-top: 0.25rem;
}
div#Useful div.cell {
	display: inline-block;
	margin: 0 auto;
}
div#Useful div.cell:last-child {
	margin-top: 1rem;
}

.separator {
	margin-top: 1rem;
	min-height: 1.25rem;
	background: -moz-repeating-linear-gradient(0deg, white, white 2px, #B7C6E7 2px, #B7C6E7 3px);
	background: -ms-repeating-linear-gradient(0deg, white, white 2px, #B7C6E7 2px, #B7C6E7 3px);
	background: -webkit-repeating-linear-gradient(0deg, white, white 2px, #B7C6E7 2px, #B7C6E7 3px);
	background: repeating-linear-gradient(0deg, white, white 2px, #B7C6E7 2px, #B7C6E7 3px);
}
div.solve {
	box-sizing: border-box;
	padding: 0 1rem 1rem;
	border: 1px solid #B7C6E7;
}
h3 span.normal {
	font-size: 1rem;
	margin-left: 0.5rem;
}
p.pitem {
	color: #555;
	font-size: 1.0625rem;
	font-weight: bold;
}
.solveItem {
	color: teal;
	font-size: 1.375rem !important;
	font-weight: bold !important;
	margin: 1.5rem  0 !important;
}
.elemItem {
	color: #555;
	display: inline-block;
	font-size: 1.0rem;
	font-weight: bold !important;
	padding: 0.5rem  0.75rem;
	min-height: 34px;
	line-height: 1.3;
	border-radius: 16px;
	background-color:#E0EFF3;
}
ul.list li {
	line-height: 1.4;
	margin: 0.5rem 0;
}
p.center {
	text-align: center;
}
p.notice {
	font-size: 0.75rem;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0.5rem 0 0;
	text-align: left;
} 

ul.noticeList {
	margin-top: 1rem;
}
td {
	line-height: 1.4;
}
.figure {
	width: 100%;
}

.figure + .figure {
	margin-top: 1.5rem;
}
.modbox + h5 {
	margin-top: 2rem;
}

div.videoBox {
	max-width: 720px;
  margin: 0 auto;
}
div.videoFigure.lms-gc53u {
}
div.videoFigure.lms-gc53u video {
  width: 100%;
}

div.optionTable dl.optionList dt {
  font-weight: bold;
	margin-top: 1.5rem;
  padding: 0.25rem 0.25rem;
}
div.optionTable dl.optionList dt:first-child {
	margin-top: 0;
}
div.optionTable dl.optionList dd {
  margin-top: 0.5em;
}
div.optionTable dl.optionList dd li {
  list-style: none;
  text-indent: -3em;
  padding-left: 3em;
	margin: 0.25rem 0;
}
ul[class$="List"] + table.specTable {
	margin-top: 1.5rem;	
}

.center {
	text-align: center;
}
.btnLink {
	display: inline-block;
	margin: 1rem auto;
	margin-left: auto;
	margin-right: auto;
}
.btnLink a {
	color: #c11d31;
	display: block;
	font-size: 1.250em;
	font-weight: 700;
	padding: 1rem 3rem 1rem 3rem;
	position: relative;
	border: 1px solid #c11d31;
	border-radius: 0.325rem;
	__background-color: aliceblue;
}
.btnLink a::after {
	content: '';
	position: absolute;
	top: calc(50% - 0.0625em);
	right: 1rem;
	width: 0.375em;
	height: 0.375em;
  border-top: solid 2px #c11d31;
  border-right: solid 2px #c11d31;
	transform: rotate(45deg) translateY(-50%);
}
.btnLink a:hover {
	opacity: 0.66;
}
.btnLink a:hover::after {
}
.btn-shadow a {
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}
.btn-shadow a:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
}