@charset "utf-8";

main h2.mt1 {
	margin-top:1em;
}

main h2 {
	margin-top:3em;
}

main h3 {
	margin-top:3em;
}

main #main_contents ul li {
	margin:0;
}

main .table_wrapper {
	display: block;
	width:100%;
	overflow-x: scroll;
	padding:4px 4px 0 0;
	box-sizing: border-box;
}

main table {
	margin-bottom:1em;
}

main .table_wrapper table {
	margin-right:5px;
	display: inline-table;
}

main table td.al_center {
	text-align: center;
}

main table td p,
main table td ul {
	margin-bottom:0;
}

main table.type_table1 th {
	min-width:5.5em;
	text-align: center;
	box-sizing: border-box;
}

main table.type_table2 {
	width:65em;
}

main table.type_table2 th {
	min-width:4em;
	vertical-align: middle;
	text-align: center;
}

main table.type_table2 td {
	text-align: center;
}

main table.base_table th {
	min-width:8em;
}

.m_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.m_arrow > .arrow {
  height: 0;
  width: 0;
  overflow: hidden;
  text-indent: 200%;
  border: 6px solid #ff6542;
}

.m_arrow > .left {
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: rotate(-45deg) translate(5px, 5px);
          transform: rotate(-45deg) translate(5px, 5px);
}

.m_arrow > .right {
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: rotate(45deg) translate(-5px, 5px);
          transform: rotate(45deg) translate(-5px, 5px);
}

.m_arrow > .bar {
  width: 100%;
  height: 6px;
  background-color: #ff6542;
  overflow: hidden;
  line-height: 2;
}

section#pad_spec table th,
section#pad_spec table td {
	font-size:0.9em;
}

section#pad_spec table td.active {
	outline: solid 4px #F7CB00;
}

main section#pad_spec h3 {
	margin-top:1em;
	margin-bottom:0;
}

td.spec_img {
	vertical-align: middle;
}

td.spec_img img {
	width:80px;
	height:auto;
}

section#pad_spec table td {
	text-align: center;
	min-width:6em;
}

section#pad_spec table th.min8 {
	min-width:8em;
}

section#pad_spec table th.min4 {
	min-width:4em;
}

.product_num_area {
	background: rgba(247,203,0,0.2);
	padding: 1em 1.4em 0.5em;
	margin-bottom:1.6em;
    display: inline-block;
}

#product_num {
	width:4em;
}

#product_num_trigger {
	background: #444;
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
	color:#FFF;
	padding:0.2em 0.5em;
	margin-right:0.6em;
	font-size:0.9em;
	letter-spacing: 0.05em;
	font-weight:bold;
}

#product_num_trigger:hover {
	text-decoration: none;
}

#product_num_clear {
	text-decoration: underline;
	color:#222;
}

#product_num_clear:hover {
	text-decoration: none;
}

main p#product_num_nohit {
	color: #F36;
    padding: 0.5em 0 0 6.5em;
    margin-bottom: 0;
    font-weight: bold;
}

.modal-overlay {
	position: fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	background: rgba(0,0,0,0.7);
}

#modal {
	position: fixed;
	z-index:999;
	background: #FFF;
	transition: 0.5s;
	width:90vw;
	height:auto;
	max-width:640px;
	border-radius: 10px;
	display: none;
}

#modal .modal-inner {
	position: relative;
	padding: 2em;
	box-sizing: border-box;
}

#modal .modal-inner .modal-close {
	position: absolute;
	top: -0.8em;
	right: -1.0em;
	font-weight: bold;
	font-size: 1.2em;
	width: 1.0em;
	padding: 0.8em;
	line-height: 1.0;
	text-align: center;
	border-radius: 100%;
	background: #000;
	color: #FFF;
}

#modal .modal-inner img {
	width:auto;
	height:auto;
	max-width:100%;
	display: block;
	margin:0 auto;
}

#modal .modal-inner .modal-close:hover {
	text-decoration: none;
	background: #333;
}

#modal p {
	padding-top:1em;
	text-align: center;
	font-weight:bold;
	font-size:1.1em;
}

@media screen and (min-width: 768px) {



}


@media screen and (min-width: 1000px) {




}


@media screen and (min-width: 1200px) {
	


}