@charset "UTF-8";

/*===================================================================
	products/label/select/index.htm
===================================================================*/
#contents .detailSection .main .txtLink a {
	display: block;
	padding: 0 0 0 21px;
	background: url(/common/images/ico_link_01.gif) no-repeat left top;
	font-size: 85%;
}

#contents .detailSection .main .pt190 {
	padding: 190px 0 0 0;
}

/* ------ headSection ------ */
#contents .headSection .ttl {
	float: none;
	width: auto;
	color: #333;
}
@media only screen and (min-width: 769px) {
	#contents .headSection .ttl {
		display: flex !important;
		align-items: center;
	}
}

#contents .headSection .aside {
	display: block !important;
	float: none;
	padding-top: 3px;
	width: auto;
	width: auto !important;
	text-align: right;
}

#contents .headSection .aside .guide {
	float: none !important;
	width: auto;
	font-size: 72%;
}

#contents .headSection .aside .guide li {
	display: inline-block;
	float: none;
	vertical-align: bottom;
}

/* ------ detailSection ------ */
#contents .detailSection {
	min-width: 960px;
}

#contents .detailSection .headMod02 {
	margin: 0 auto 20px;
	width: 960px;
}

.mainSection #mainList {
	text-align: center;
}

.mainSection #mainList li {
	z-index: 970;
	display: inline-block;
	padding: 0 5px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

/* ------ tabNav ------ */
#contents .detailSection .tabNav {
	min-width: 960px;
	width: 100%;
	height: 43px;
	background: url(/common/images/bg_line_01.gif) repeat-x left bottom;
}

#contents .detailSection .tabNav .innerBlock {
	margin: 0 auto;
	width: 960px;
}

#contents .detailSection .itemGroup {
	margin: 0 auto;
	width: 960px;
}

#contents .detailSection .itemGroup li {
	display: inline-block;
	width: 240px;
	height: 180px;
}

#contents .detailSection .itemGroup .splitCol {
	background: url(/common/images/bg_line_01.gif) repeat-y center top;
}

#contents .detailSection .itemGroup .splitCol .flL,
#contents .detailSection .itemGroup .splitCol .flR {
	width: 479px;
}

/* ------ newsSection ------ */
.newsSection .newsGroup .cl_red {
	color: #f00;
}

/* ------ naviSection ------ */
.naviSectionWrap {
	margin: 0 auto;
	width: 960px;
}

.naviSection01 {
	float: left;
	width: 250px;
}

.naviSection01 .function-tab {
	margin-bottom: 20px;
}

.naviSection01 .function-tab li {
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.naviSection01 .function-tab li.function-tab01.active {
	background: url(/products/receiptprinter/images/btn_navsection_choice01_on.png) no-repeat left top;
}

.naviSection01 .function-tab li.function-tab02.active {
	background: url(/products/receiptprinter/images/btn_navsection_choice02_on.png) no-repeat left top;
}

.naviSection01 .function-tab li.active img {
	opacity: 0;
	filter: alpha(opacity=0);
}

.naviSection02 {
	float: right;
	padding-left: 21px;
	width: 708px;
	border-left: 1px dashed #ccc;
}

.naviSection02 .element {
	margin: 12px 11px 0 0;
	width: 221px;
	height: 200px;
}

.naviSection02 .element a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}

.headModNav {
	font-size: 26px;
}

.naviSectionSttl01 {
	margin-right: 20px;
	padding: 6px 0 6px 30px;
	border-bottom: 1px solid #ccc;
	background: url(/products/receiptprinter/images/ico_navsection_num01.png) no-repeat left center;
	font-size: 18px;
}

.naviSectionSttl02 {
	margin-right: 20px;
	padding: 6px 0 6px 30px;
	border-bottom: 1px solid #ccc;
	background: url(/products/receiptprinter/images/ico_navsection_num02.png) no-repeat left center;
	font-size: 18px;
}

.naviSectionSttl03 {
	margin-bottom: 5px;
	padding: 3px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 16px;
}
.naviSectionSttl03.no-border {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
}
.naviSectionSttl03.no-border + .naviSectionSttl03 {
	padding-top: 0;
}

.shape-up {
	margin: 0 -40px 0 0;
}

.naviSection01 label {
	vertical-align: bottom;
	font-size: 13px;
}

.naviSection01 label.active {
	color: #005ab4;
}

.filter-group {
	margin-bottom: 11px;
	width: 230px;
}

ul.filter-choice {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.filter-choice > li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: .25em 0;
	width: 48%;
}
ul.filter-choice > li.w100 {
	width: 100%;
}

.naviSection01 .js-reset span {
	display: block;
	margin-top: 10px;
	color: #fff;
	text-align: center;
}

.naviSection01 .js-reset span img {
	cursor: pointer;
}

/* modify 2019.12.20 */
.keep-ratio .shape__inner {
	position: relative;
	box-sizing: border-box;
	border: solid 1px #ccc;
}
.keep-ratio .shape__inner:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-width: 0 0 9px 9px;
	border-style: solid;
	border-color: transparent transparent #005cc0 transparent;
	content: "";
}
.keep-ratio .shape__inner img {
	margin-top: 4px;
	max-height: 100px;
}
.keep-ratio .shape__inner:hover:after {
	opacity: .7;
}

.keep-ratio a {
	display: block;
	box-sizing: border-box;
	padding: 6px 10px 10px;
	min-height: 198px;
}
.keep-ratio a .product-name__type-navi {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.3;
}
.keep-ratio a .table-navi {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: calc(100% - 20px);
}
.keep-ratio a .table-navi dt,
.keep-ratio a .table-navi dd {
	display: inline-block;
	color: #333;
	font-weight: normal;
	font-size: 10px;
}
.keep-ratio a .table-navi dl {
	display: flex;
	flex-wrap: wrap;
	border: solid 1px #ccc;
	text-align: center;
}
.keep-ratio a .table-navi dt {
	box-sizing: border-box;
	width: 8em;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.keep-ratio a .table-navi dt:first-of-type {
	letter-spacing: -.08em;
}
.keep-ratio a .table-navi dt:last-of-type {
	border-bottom: none;
}
.keep-ratio a .table-navi dd {
	width: calc(100% - 8em);
	border-bottom: solid 1px #ccc;
}
.keep-ratio a .table-navi dd:last-of-type {
	border-bottom: none;
}
.keep-ratio a .table-navi dd span.karning {
	letter-spacing: -.08em;
}
.keep-ratio a:hover {
	text-decoration: none;
	opacity: .7;
}

#contents .detailSection a img:hover {
	opacity: .7 !important;
}
@media only screen and (max-width: 1200px) {
	#contents {
		overflow-x: hidden;
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	#contents .mainSection {
		display: none;
		padding: 0;
		width: 100%;
	}

	#contents .detailSection {
		min-width: 100%;
	}
	.filter-options {
		margin: 0 0 30px;
	}
	.naviSectionWrap {
		width: 100%;
	}
	.naviSection01 {
		float: none;
		width: 100%;
	}
	.naviSection02 {
		float: none;
		padding: 0;
		width: 100%;
		border: none;
	}
	.naviSection02 .element {
		width: 100%;
	}
	.shape-up {
		margin: 0;
	}
	.naviSectionSttl01 {
		margin: 0;
	}
	.naviSection01 .function-tab li {
		box-sizing: border-box;
		margin: 0;
		width: 49%;
	}
	.naviSectionSttl02 {
		margin: 0;
	}
	.naviSection01 .function-tab li.function-tab01 {
		margin: 0 1% 0 0;
	}
	.naviSection01 .function-tab li.function-tab02 {
		margin: 0 0 0 1%;
	}
	.naviSection01 .function-tab li.function-tab01.active,
	.naviSection01 .function-tab li.function-tab02.active {
		background-size: 100%;
	}
	.filter-group {
		width: 100%;
	}
	#receiptprinter .newsSection {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding-right: 13px;
		padding-left: 13px;
	}
	#contents.responsive .keep-ratio .shape__inner img {
		max-width: auto;
		width: auto;
	}
	.responsive .keep-ratio a {
		text-align: center;
	}
	.responsive .keep-ratio a .product-name__type-navi {
		text-align: left;
	}
}

.unstyled {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.light-text-dark-box p {
	color: #ecf0f1;
}
.light-text-dark-box a {
	color: #ecf0f1;
}
.light-text-dark-box a:hover {
	color: white;
}

.row {
	margin-left: -20px;
}

.row:before,
.row:after {
	display: table;
	content: "";
	line-height: 0;
}

.row:after {
	clear: both;
}

[class*="span"] {
	float: left;
	margin-left: 20px;
	min-height: 1px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	width: 940px;
}

.span12 {
	width: 940px;
}

.span11 {
	width: 860px;
}

.span10 {
	width: 780px;
}

.span9 {
	width: 700px;
}

.span8 {
	width: 620px;
}

.span7 {
	width: 540px;
}

.span6 {
	width: 460px;
}

.span5 {
	width: 380px;
}

.span4 {
	width: 300px;
}

.span3 {
	width: 220px;
}

.span2 {
	width: 140px;
}

.span1 {
	width: 60px;
}

.offset12 {
	margin-left: 960px;
}

.offset11 {
	margin-left: 900px;
}

.offset10 {
	margin-left: 820px;
}

.offset9 {
	margin-left: 740px;
}

.offset8 {
	margin-left: 660px;
}

.offset7 {
	margin-left: 580px;
}

.offset6 {
	margin-left: 500px;
}

.offset5 {
	margin-left: 420px;
}

.offset4 {
	margin-left: 340px;
}

.offset3 {
	margin-left: 260px;
}

.offset2 {
	margin-left: 180px;
}

.offset1 {
	margin-left: 100px;
}

.row-fluid {
	width: 100%;
}

.row-fluid:before,
.row-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}

.row-fluid:after {
	clear: both;
}

.row-fluid [class*="span"] {
	display: block;
	float: left;
	box-sizing: border-box;
	margin-left: 2.127659574468085%;
	min-height: 30px;
	width: 100%;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
	margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
	width: 100%;
}

.row-fluid .span11 {
	width: 91.48936170212765%;
}

.row-fluid .span10 {
	width: 82.97872340425532%;
}

.row-fluid .span9 {
	width: 74.46808510638297%;
}

.row-fluid .span8 {
	width: 65.95744680851064%;
}

.row-fluid .span7 {
	width: 57.44680851063829%;
}

.row-fluid .span6 {
	width: 48.93617021276595%;
}

.row-fluid .span5 {
	width: 40.42553191489362%;
}

.row-fluid .span4 {
	width: 31.914893617021278%;
}

.row-fluid .span3 {
	width: 23.404255319148934%;
}

.row-fluid .span2 {
	width: 14.893617021276595%;
}

.row-fluid .span1 {
	width: 6.382978723404255%;
}

.row-fluid .offset12 {
	margin-left: 104.25531914893617%;
}

.row-fluid .offset12:first-child {
	margin-left: 102.12765957446808%;
}

.row-fluid .offset11 {
	margin-left: 95.74468085106382%;
}

.row-fluid .offset11:first-child {
	margin-left: 93.61702127659574%;
}

.row-fluid .offset10 {
	margin-left: 87.23404255319149%;
}

.row-fluid .offset10:first-child {
	margin-left: 85.1063829787234%;
}

.row-fluid .offset9 {
	margin-left: 78.72340425531914%;
}

.row-fluid .offset9:first-child {
	margin-left: 76.59574468085106%;
}

.row-fluid .offset8 {
	margin-left: 70.2127659574468%;
}

.row-fluid .offset8:first-child {
	margin-left: 68.08510638297872%;
}

.row-fluid .offset7 {
	margin-left: 61.70212765957446%;
}

.row-fluid .offset7:first-child {
	margin-left: 59.574468085106375%;
}

.row-fluid .offset6 {
	margin-left: 53.191489361702125%;
}

.row-fluid .offset6:first-child {
	margin-left: 51.063829787234035%;
}

.row-fluid .offset5 {
	margin-left: 44.68085106382979%;
}

.row-fluid .offset5:first-child {
	margin-left: 42.5531914893617%;
}

.row-fluid .offset4 {
	margin-left: 36.170212765957444%;
}

.row-fluid .offset4:first-child {
	margin-left: 34.04255319148936%;
}

.row-fluid .offset3 {
	margin-left: 27.659574468085104%;
}

.row-fluid .offset3:first-child {
	margin-left: 25.53191489361702%;
}

.row-fluid .offset2 {
	margin-left: 19.148936170212764%;
}

.row-fluid .offset2:first-child {
	margin-left: 17.02127659574468%;
}

.row-fluid .offset1 {
	margin-left: 10.638297872340425%;
}

.row-fluid .offset1:first-child {
	margin-left: 8.51063829787234%;
}

nav > a {
	display: block;
	margin: 5px 0;
}

.filter__label {
	margin: 0 0 3px;
}

.filter__search {
	margin: 5px 0;
}

.sort-options {
	margin-top: 10px;
}

.search-section {
	margin-top: 1em;
	margin-bottom: 1em;
}

input.faq-search {
	padding: .5em;
	width: 100%;
	border: 2px solid #95a5a6;
	border-radius: 4px;
	color: #95a5a6;
	font-size: 1.125em;
	-webkit-transition: .15s;
	        transition: .15s;

	-webkit-appearance: none;
	        appearance: none;
}
input.faq-search::-webkit-input-placeholder {
	color: #95a5a6;
	-webkit-transition: .15s;
	        transition: .15s;
}
input.faq-search::-moz-input-placeholder {
	color: #95a5a6;
	transition: .15s;
}
input.faq-search:hover {
	outline: 0;
	border-color: #5d6d77;
	color: #5d6d77;
}
input.faq-search:hover::-webkit-input-placeholder {
	color: #5d6d77;
}
input.faq-search:hover::-moz-input-placeholder {
	color: #5d6d77;
}
input.faq-search:focus {
	outline: 0;
	border-color: #27ae60;
	color: #27ae60;
}
input.faq-search:focus::-webkit-input-placeholder {
	color: #27ae60;
}
input.faq-search:focus::-moz-input-placeholder {
	color: #27ae60;
}

.question {
	overflow: hidden;
	margin: 2em 0;
	-webkit-transition: .2s ease-out;
	        transition: .2s ease-out;
}
.question.collapsed {
	margin: 0;
	height: 0 !important;
	border-width: 0;
}
.question.collapsed + .question {
	margin-top: 0;
}

.question--unanswered {
	padding-top: 1.25em;
	border-top: 2px solid #2ecc71;
}

.question__title {
	margin-top: 0;
}

.question__answer {
	margin-bottom: 0;
}

.btn-group:before,
.btn-group:after {
	display: table;
	content: " ";
}
.btn-group:after {
	clear: both;
}
.btn-group .btn {
	float: left;
	border-radius: 0;
}
.btn-group .btn:first-child {
	border-radius: 6px 0 0 6px;
}
.btn-group .btn:last-child {
	border-radius: 0 6px 6px 0;
}

.btn,
button {
	display: inline-block;
	padding: .75em .375em;
	border: 0;
	border-radius: .0625em;
	background-color: #34495e;
	color: white;
	text-align: center;
	-webkit-transition: .2s ease-out;
	        transition: .2s ease-out;

	-webkit-appearance: none;
}
.btn:hover,
button:hover {
	background-color: #4a6885;
	text-decoration: none;
}
.btn.active,
.btn:active,
button.active,
button:active {
	background-color: #2c3e50;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}
.btn:active,
button:active {
	-webkit-transition: none;
	        transition: none;
}

.btn--warning {
	background-color: #e67e22;
}
.btn--warning:hover {
	background-color: #ea9347;
}
.btn--warning.active,
.btn--warning:active {
	background-color: #d35400;
}

.btn--primary {
	background-color: #3498db;
}
.btn--primary:hover {
	background-color: #57aae1;
}
.btn--primary.active,
.btn--primary:active {
	background-color: #3498db;
}

.btn--danger {
	background-color: #e74c3c;
}
.btn--danger:hover {
	background-color: #eb6d60;
}
.btn--danger.active,
.btn--danger:active {
	background-color: #e74c3c;
}

.btn--go {
	background-color: #2ecc71;
}
.btn--go:hover {
	background-color: #4cd787;
}
.btn--go.active,
.btn--go:active {
	background-color: #2ecc71;
}

.filter-group .btn {
	position: relative;
}
.filter-group .btn.active:before,
.filter-group .btn.active:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	content: "";
	opacity: 0;
	-webkit-transition: .2s;
	        transition: .2s;
}
.filter-group .btn:before {
	border-radius: 50%;
	background-color: #2c3e50;
}
.filter-group .btn:after {
	background-image: url(../img/check.svg);
	background-position: center center;
	background-size: 60%;
	background-repeat: no-repeat;
}
.filter-group .btn.active:before,
.filter-group .btn.active:after {
	opacity: 1;
}
.text-center {
	text-align: center;
}

.keep-ratio {
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
}
.keep-ratio.four-three {
	padding-bottom: 75%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	border: 0;
}

.naviSectionWrap {
	display: flex;
	flex-wrap: wrap;
}
.naviSectionWrap .naviSectionUse {
	width: 100%;
}
#nav-use {
	margin: 0;
}
@media only screen and (min-width: 769px) {
	#nav-use {
		padding-right: 20px;
	}
}
#nav-use .filter-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#nav-use .filter-group:after {
	display: flex;
	order: 1;
	width: 184px;
	content: "";
}
#nav-use .filter-group > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48%;
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
	#nav-use .filter-group > div {
		width: 184px;
		background-size: 184px auto;
	}
}
#nav-use .filter-group > div.accept {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-accept_on.png");
}
#nav-use .filter-group > div.label {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-label_on.png");
}
#nav-use .filter-group > div.addprinter {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-add_on.png");
}
#nav-use .filter-group > div.copy {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-copy_on.png");
}
#nav-use .filter-group > div.receipt {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-receipt_on.png");
}
#nav-use .filter-group > div.ordera {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-ordera_on.png");
}
#nav-use .filter-group > div.orderk {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-orderk_on.png");
}
#nav-use .filter-group > div.medical {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-medical_on.png");
}
#nav-use .filter-group > div.ticket {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-ticket_on.png");
}
#nav-use .filter-group > div.kiosk {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-kiosk_on.png");
}
#nav-use .filter-group > div.mop {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-mop_on.png");
}
#nav-use .filter-group > div.mobmeter {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-mobmeter_on.png");
}
#nav-use .filter-group > div.mobdeli {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-mobdeli_on.png");
}
#nav-use .filter-group > div.ligistics {
	background-image: url("/products/receiptprinter/images/btn_navsection_use-logi_on.png");
}
#nav-use .filter-group > div img {
	width: 100%;
}

.naviSection01,
.naviSection02 {
	float: none !important;
	box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
	.naviSection01 {
		width: 25%;
	}
	.naviSection02 {
		width: 75%;
	}
}
.filter-group {
	position: relative;
}
.filter-group span {
	width: 48%;
}
@media only screen and (min-width: 769px) {
	.filter-group span.w100-pc {
		width: 100%;
	}
}

.filter-group__label {
	position: relative;
}

.filter-group__label h5 {
	display: inline;
}
.filter-group__label small {
	font-weight: 700;
	font-size: 11px;
}
.filter-group .pop-i {
	display: inline-block;
	margin: 0 0 -2px 3px;
	width: 17px;
	height: 16px;
	background: url("/common/images/ico_link_03.png") center center no-repeat;
	content: "";
	cursor: pointer;
}
@media only screen and (min-width: 769px) {
	.filter-group .pop-i {
		position: relative;
	}
}
.filter-group .pop-i:hover .pop-up {
	opacity: 1;
	pointer-events: auto;
}

.filter-group .pop-up {
	position: absolute;
	right: 0;
	bottom: calc(100% + 12px);
	left: 0;
	z-index: 3;
	display: block;
	padding: 10px;
	border: 1px solid black;
	background: white;
	box-shadow: 2px 2px 0 rgba(000, 000, 000, .2);
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	opacity: 0;
	cursor: initial;
	transition: opacity .3s ease-in-out;
	pointer-events: none;
}

.filter-group .pop-up img {
	max-width: 100%;
	width: 100%;
}
@media only screen and (min-width: 769px) {
	.filter-group .pop-up {
		top: -.5em;
		right: auto;
		bottom: auto;
		left: 2.5em;
		padding: 10px;
		width: 280px;
		font-size: 14px;
	}
}

.filter-group .pop-up:before {
	position: absolute;
	bottom: -24px;
	left: 7px;
	z-index: 2;
	border-width: 12px 6px;
	border-style: solid;
	border-color: white transparent transparent transparent;
	content: "";
}
.filter-group .pop-up:after {
	position: absolute;
	bottom: -28px;
	left: 6px;
	z-index: 1;
	border-width: 14px 7px;
	border-style: solid;
	border-color: black transparent transparent transparent;
	content: "";
}

@media only screen and (min-width: 769px) {
	.filter-group .pop-up:before {
		top: 7px;
		bottom: auto;
		left: -24px;
		border-width: 6px 12px;
		border-style: solid;
		border-color: transparent white transparent transparent;
	}
	.filter-group .pop-up:after {
		top: 6px;
		bottom: auto;
		left: -28px;
		border-width: 7px 14px;
		border-style: solid;
		border-color: transparent black transparent transparent;
	}
}
.naviSection01 .naviSectionSttl03 {
	padding: 3px 0;
}
.filter-msg {
	margin-bottom: 10px;
}
.js-reset {
	text-align: center;
}
.js-reset img {
	margin: auto;
	width: 50% !important;
	cursor: pointer;
}
@media only screen and (min-width: 769px) {
	.js-reset img {
		width: auto !important;
	}
}
.js-reset:hover img {
	opacity: .7;
}

input[type="radio"] {
	margin: 3px;
}

.caution {
	display: none;
	color: red;
}
.caution.active {
	display: block;
}

input:disabled {
	accent-color: #ccc;
}

input:disabled + label {
	color: #ccc;
	pointer-events: none;
}

/* ajust */
@media only screen and (max-width: 768px) {
	#topicPath li.current {
		margin-top: .5em;
	}
}

/* printnum ajust */
.filter-group .pop-i.printnum .pop-up ul li {
	margin-top: .5em;
	margin-left: 1em;
	list-style: disc;
	list-style-position: outside;
}
@media only screen and (min-width: 769px) {
	.filter-group .pop-i.printnum .pop-up {
		width: 360px;
	}
}

/* usage ajust */
.filter-group .pop-i.usage .pop-up {
	top: 0;
	right: auto;
	bottom: auto;
	left: 8em;
}

.filter-group .pop-i.usage .pop-up:before {
	top: 7px;
	bottom: auto;
	left: -24px;
	border-width: 6px 12px;
	border-style: solid;
	border-color: transparent white transparent transparent;
}
.filter-group .pop-i.usage .pop-up:after {
	top: 6px;
	bottom: auto;
	left: -28px;
	border-width: 7px 14px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}

@media only screen and (min-width: 769px) {
	.filter-group .pop-i.usage .pop-up {
		top: -.5em;
		left: 2.5em;
	}
	.filter-group .pop-i.usage .pop-up {
		width: 420px;
	}
}

#contents .headSection .ttl h1 {
	padding-left: 20px !important;
	font-weight: 700;
	font-size: 24px;
}
@media only screen and (max-width: 768px) {
	#contents .headSection .ttl h1 {
		margin-top: 5px !important;
		padding-left: 10px !important;
	}
}

#contents .headSection .ttl h1 {
	font-size: 20px;
}

@media only screen and (min-width: 769px) {
	#contents .headSection .ttl h1 {
		font-size: 23px;
	}
}

#contents .headSection .innerBlock {
	padding: 0 15px;
}
@media only screen and (min-width: 769px) {
	#contents .headSection .innerBlock {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
	}
}
@media only screen and (min-width: 769px) {
	#contents {
		box-sizing: border-box;
		padding: 0 20px;
	}
}