@charset "utf-8";
/* equipment */
#equipment a:link,
#equipment a:visited,
#equipment a:hover,
#equipment a:active {
color:#099d98;
}
#equipment ul.clmBox2 > li:nth-child(1) {
width:50%;
}
#equipment ul.clmBox2 > li:nth-child(2) {
width:49%;

}
#equipment ul.clmBox2 > li img {
width:100%;
height:auto;
}
#equipment ul.clmBox2 > li span {
	display:block;
	text-align: right;
}
#equipment ul.clmBox2 > li span >img {
	width:30%;
	height:auto;
}

#equipment ul.clmBox2 > li h6 {
    border-top: #607e80 1px solid;
    border-bottom: #607e80 1px solid;
    color: #607e80;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: .2em;
}
#equipment ul.details li:before {
    content: "●";
    color: #607e80;
}
table.equip th,
table.option th{
background-color:#f3f3f3;
text-align:left;
font-family: canada-type-gibson, sans-serif;
font-weight: normal;
font-style: normal;	
}
table.option thead th {
background-color:#eee;
text-align:center;
}
table.option tr td:nth-of-type(1) { text-align:right; }
table.internet tr td:nth-of-type(1) { text-align:left; }
table.internet tr td:nth-of-type(2) { text-align:center; }
table.internet tr td:nth-of-type(3) { text-align:right; }
table.option a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
left: 10px;
top: 10px;
border-left: 5px solid #099d98;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
padding-left:.5em;
}

/*
#equipment ul.details li:before {
    content: "●";
    color: #607e80;
}*/
@media only screen and (max-width: 750px) {
#equipment ul.clmBox2 > li img {
	width:100%;
	height:auto;
}
table.option tr td:nth-of-type(1) { text-align:left; }
table.internet tr td:nth-of-type(1),
table.internet tr td:nth-of-type(2),
table.internet tr td:nth-of-type(3) { text-align:left; }
table.internet tr td:nth-of-type(1) {
	background-color: #f3f3f3;
	font-weight: bold;
}
#equipment table.option tr td:nth-of-type(3) {border-top:none;}
table th,
table td {
	padding:.5em 1em; 
}
#equipment table.internet tr td:nth-of-type(3) {border-top:#aaa solid 1px;}
	
}


.modal {
  display: none;
  width: 350px;
  height: 500px;
  background-color: #ffffff;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  text-align:center;
}
#modal-check_01,
#modal-check_02,
#modal-check_03,
#modal-check_04,
#modal-check_05,
#modal-check_06,
#modal-check_07,
#modal-check_08,
#modal-check_09,
#modal-check_09,
#modal-check_10 {
  display: none;
}
#modal-check_01:checked + .modal,
#modal-check_02:checked + .modal,
#modal-check_03:checked + .modal,
#modal-check_04:checked + .modal,
#modal-check_05:checked + .modal,
#modal-check_06:checked + .modal,
#modal-check_07:checked + .modal,
#modal-check_08:checked + .modal,
#modal-check_09:checked + .modal,
#modal-check_10:checked + .modal {
  display: block;
}

label {
	color:#099d98;
	font-weight:normal;
}

a.link:before,
label span:before,
.close:before {
content: "";
display: inline-block;
width: 0;
height: 0;
left: 10px;
top: 10px;
border-left: 5px solid #099d98;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
padding-left:.5em;
}
#pict {
	  padding:1em .5em .5em;
}
#pict span {
	display:block;
	text-align:center;
}
.close {
	display:inline-block;
	text-align:center;
	border:#099d98 1px solid;
	border-radius: 10px;
	margin:15px auto 10px;
	width:50%;
}
@media only screen and (max-width: 750px) {
.modal {
  display: none;
  width: auto;
  height: auto;
  background-color: #ffffff;
  position: fixed;
  top: 10%;
  left: auto;
  right: auto;
  bottom: auto;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  text-align:center;
}
#pict {
	  padding:1em .5em;
}

#pict img {
	width:80%;
	height:auto;
}
}