@charset "utf-8";
/* CSS Document */

#printer h1{
	    margin: 3em 0 2em 0;
    font-size: 2em;
    font-weight: bold;
    color: #666666;
}

#printer h3{
	background:#108365;
	color:#fff;
	text-align:center;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    font-size: 1.24em;
    padding: 1em;
	font-weight:bold;
	margin-bottom:2em;
}
#printer h2{
    border-bottom: 1px solid #cecdcd;
    color: #474747;
    font-size: 1em;
    margin-top: 2em;
    padding-bottom: .5em;
    width: unset;
    font-weight: 700;
    margin-bottom: 2em;
	}
.adaptationUl{
	display:flex;
	margin: 0 auto 30px;
	gap: 10px;
	flex-wrap:wrap;
}
.adaptationUl li a{
	background:#108365;
	color:#fff;
	text-align:center;
	padding: 0.5em 1em;
	border-radius: 20px;
}
.adaptationUl li a:before{
	content:"\f0ab";
	font-family:'Font Awesome 5 Free';
	font-size:14px;
	font-weight:900;
	padding-right: 0.5em;
}

.adaptationDl dt p{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.adaptationDl dt p::after{
	content:"\f055";
	font-family:'Font Awesome 5 Free';
	font-size:24px;
	padding-right: 0.5em;
	font-weight:900;
}
.adaptationDl dt {
	display:flex;
	font-size:16px;
	background: #dedede;
	padding: 1px;
	margin: 0 0 15px;
	position:relative;
	align-items: center;
}

.adaptationDl dt img{
	width:200px;
	height:180px;
	margin-right:1em;
}

.adaptationDl dd {
	display:none;
}

.adaptationDl .active{
	margin: 0;
}
.adaptationDl .active:before,
.adaptationDl .active p:before{
	display:none;
}
.adaptationDl .active p:after{
	content:"\f056";
	font-family:'Font Awesome 5 Free';
	font-size:24px;
	padding-right: 0.5em;
	font-weight:900;
	left: unset;
}

.adaptationDl table th,
.adaptationDl table td{
	border:1px solid #dedede;
}

.adaptationDl table td a{
	color:#202020;
}
.adaptationDl table td:last-child a{
	background:#083484;
	color:#fff;
	padding: 0.2em 0.5em;
	margin: 0 0 5px;
	display:block;
	text-align:center;
}
.adaptationDl table td a:last-child{
	margin: 0;
}

.adaptationDl table td:last-child a::after{
	font-family: Font Awesome\ 5 Free;
	content: "\f35d";
	font-weight:900;
	padding-left: 0.5em; 
}
.adaptationDl table td:last-child a:hover{
	background:#fff;
	color:#083484;
  outline: 1px solid #083484;
  outline-offset: -1px;
}



@media (min-width:320px) and (max-width:728px) {
#printer h1{
        margin: 1em 0;
        font-size: 2em;
        font-size: 1.5em;
        font-weight: bold;
}
.adaptationUl{
	display:none;
}
.adaptationDl dt img{
	width:120px;
	height:108px;
	margin-right: 0.5em;
}
}