@charset "UTF-8";


ul.uvitemlist { margin:0;padding:0; display:flex; justify-content:center; align-items:flex-end; flex-wrap:wrap; list-style:none; padding:10px; background-color:var(--wa-lightgray); border-radius:16px; }
ul.uvitemlist li { flex:0 0 12.5%; padding:0; margin:0; box-sizing:border-box; text-align:center; padding:0 10px; font-weight:500; cursor:pointer; }
ul.uvitemlist li img { max-width:90px; }
ul.uvitemlist li a { color:var(--wa-black) !important; }
ul.uvitemlist li span { display:inline-block; line-height:1; padding:4px 6px; border-radius:4px; background-color:#fff; }
ul.uvitemlist li:hover span { background-color:var(--wa-gray); color:#fff; }
ul.uvitemlist li.active span { background-color:var(--wa-orange); color:#fff; }


@media only screen and (max-width: 960px) {
	ul.uvitemlist li { padding:5px; font-size:0.8rem; white-space:nowrap; }

}
@media only screen and (max-width: 767px) {

	ul.uvitemlist li { flex:0 0 25%; }
	ul.uvitemlist li { font-size:0.6rem; white-space:nowrap; }
	ul.uvitemlist li img { max-width:60px; }

}


/* view page */
.inst_block { max-width:720px; margin:0 auto; font-size:1.0rem; }
.inst_txt { margin:40px 0; padding:0 10px; }
.inst_img { text-align:center; }
.inst_img img { max-height:70vh; display:inline; }
.inst_block a { text-decoration:underline; }

ul.case_tag { margin:0 0 20px 0; text-align:right; list-style:none; }
ul.case_tag li { display:inline-block; }
ul.case_tag li a { display:inline-block; padding:4px 10px; margin-left:6px; background-color:var(--wa-lightgray); color:var(--wa-black); }


@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 767px) {
}