@charset "utf-8";

input, textarea, button{ -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; }

.page-wr {display:flex;align-items:center;gap:10px;margin: 0 0 0 auto;}
.page-wr .num a {background:var(--oc-gray-0);border-radius:0.2em;padding:0 8px;line-height:1.7;display:block;}
.page-wr .num.active a {background:var(--color-point);color:#fff;}
.page-wr .disabled {color:var(--oc-gray-4);}

.tagbox-box {background:var(--oc-gray-0);border-radius:0.5em; padding:3rem 2rem; margin-bottom:2rem; }
.tagbox-box .form_search {width:fit-content;margin:0 auto;border: 1px solid var(--oc-gray-3);background: #fff;border-radius: 0.5em;padding: 0.5em 1em;}
.tagbox-none { padding:3rem 1rem; }

.tag-list-box {margin-bottom:3rem;}
.tag-list-box h5 {margin-bottom:1.7rem;width: 100%;display: flex;white-space: nowrap;gap: 0.5em;align-items: center;line-height:0;}
.tag-list-box h5:after {display: block;width: 100%;height: 1px;border-bottom: 1px dashed var(--oc-gray-4);content: "";}
.tag-list-box a b {font-size:1.3em;}
.list_keyword {margin-bottom:2rem;}
.list-key-wr {gap:0.5em 50px;}
.list-key-wr a:hover {color:var(--color-point);}

.bt-wr {justify-content:center; align-items:center; margin-top:2rem;}
.bt-wr .btn-box { margin-left:auto; display:flex; gap:10px; }

@media all and (max-width:1200px) {
	.list-key-wr {gap:0.5em 15px;}
}

@media all and (max-width:580px) {
	.tagbox-box { padding:3rem 1rem; }
	.tagbox-box .form_search { width:100%; }
	.tagbox-box .form_search .inp_search_box { width:calc(100% - 24px); }
	.tagbox-box .form_search .inp_search { width:calc(100% - 28px); }
	.bt-wr { flex-direction: column; align-items: center; }
	.bt-wr .page-wr { margin:0; }
	.bt-wr .btn-box { margin:0; }
}