@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../font/fa-regular-400.eot");
  src: url("../font/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../font/fa-regular-400.woff2") format("woff2"), url("../font/fa-regular-400.woff") format("woff"), url("../font/fa-regular-400.ttf") format("truetype"), url("../font/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: bold;
  font-weight: 900;
  src: url("../font/fa-solid-900.eot");
  src: url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fa-solid-900.woff2") format("woff2"), url("../font/fa-solid-900.woff") format("woff"), url("../font/fa-solid-900.ttf") format("truetype"), url("../font/fa-solid-900.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../font/fa-brands-400.eot");
  src: url("../font/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../font/fa-brands-400.woff2") format("woff2"), url("../font/fa-brands-400.woff") format("woff"), url("../font/fa-brands-400.ttf") format("truetype"), url("../font/fa-brands-400.svg#fontawesome") format("svg"); }
.fa-regular {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa-solid {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

.fa-brands {
  font-family: 'Font Awesome 5 Brands';
  font-weight: normal; }

/*---------------------------------------------------
	common
---------------------------------------------------*/
@font-face {
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 700;
  font-style: normal; }
body {
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #183253; }

img {
  max-width: 100%;
  height: auto; }

i {
  padding: 0 .25rem;
  font-style: normal;
  font-size: 90%; }

a {
  text-decoration: none;
  color: #183253; }
  a:hover {
    color: inherit;
    opacity: .65;
    color: inherit !important; }

* a:not(#page-top) {
  transition: all .5s; }

.wrap {
  padding-top: 2rem;
  padding-bottom: 4rem; }

/*---------------------------------------------------
	content
---------------------------------------------------*/
.list h2 {
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 2rem; }
.list .col {
  margin-bottom: 2rem; }
.list .carousel-inner {
  border: .9px solid #efefef;
  padding: .25rem; }
.list .note {
  padding-top: .8rem;
  padding: calc(0.35rem + ((1vw - 0.2rem) * 0.65)) calc(0.5rem + ((1vw - 0.2rem) * 0.5));
  background-color: #efefef; }
  .list .note h3 {
    text-align: center;
    font-size: calc(1.2rem + ((1vw - 0.2rem) * 0.3));
    border-bottom: .9px dotted #999;
    padding-bottom: .25rem; }
  .list .note p {
    text-align: end;
    font-size: calc(0.9rem + ((1vw - 2px) * 0.093)); }
  .list .note h3, .list .note p {
    margin-bottom: .2rem; }
  .list .note small {
    font-size: calc(0.7rem + ((1vw - 2px) * 0.093)); }

.box {
  text-align: center; }
  .box h2 + p {
    font-size: calc(0.9rem + ((1vw - 2px) * 0.093));
    color: #999999; }
  .box .cat_title {
    width: 250px;
    height: 3rem;
    margin: 0 auto 1.6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #e5e5e5; }
    .box .cat_title::before {
      left: -20px;
      content: '';
      position: absolute;
      border-top: 1.5rem solid #e5e5e5;
      border-right: 1rem solid #e5e5e5;
      border-bottom: 1.5rem solid #d3d3d3;
      border-left: 1rem solid transparent; }
    .box .cat_title::after {
      right: -20px;
      content: '';
      position: absolute;
      border-top: 1.5rem solid #d3d3d3;
      border-right: 1rem solid transparent;
      border-bottom: 1.5rem solid #e5e5e5;
      border-left: 1rem solid #e5e5e5; }
    .box .cat_title i {
      font-size: 1.25rem;
      line-height: 1.2; }
    .box .cat_title span {
      font-family: century-gothic, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: .8rem;
      line-height: 1.2; }

div[class^="cat-"] {
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: .9px solid #e5e5e5; }
  div[class^="cat-"] .col {
    text-align: center;
    margin-bottom: 1rem; }
    div[class^="cat-"] .col h5 {
      color: white;
      padding: .2rem 0;
      margin-bottom: 0; }

.cat-glamping h5 {
  background-color: #000033; }

.cat-dino h5 {
  background-color: #336600; }

.cat-toy h5 {
  background-color: #448aca; }

.cat-fashion h5 {
  background-color: #eb6877; }

.cat-keychain h5 {
  background-color: #13b5b1; }

.cat-cup h5 {
  background-color: #fff45c;
  color: #183253 !important; }

.cat-earphone h5 {
  background-color: #8957a1; }

.cat-1 h5 {
  background-color: #DE0CED; }

.cat-2 h5 {
  background-color: #EF810F; }

.cat-3 h5 {
  background-color: #878787; }

/*---------------------------------------------------
	g-nav
---------------------------------------------------*/
nav {
  display: flex;
  justify-content: space-between;
  background-color: #ec6941;
  padding: calc(0.45rem + ((1vw - 0.2rem) * 0.4)) calc(0.6rem + ((1vw - 0.2rem) * 0.4));
  align-items: flex-end;
  box-shadow: 0px 5px 10px -7px #666; }
  nav h1 {
    width: calc(5rem + ((1vw - 3.2px) * 2.5));
    height: auto;
    line-height: 1;
    margin-bottom: 0; }
  nav a {
    color: white; }
  nav .btn-link {
    color: white !important;
    text-decoration: none; }
  nav .inner {
    display: flex;
    font-size: calc(0.9rem + ((1vw - 2px) * 0.093)); }
    nav .inner .dropdown {
      margin-left: 1rem; }


/*---------------------------------------------------
	pagenation
---------------------------------------------------*/
ul.pagenation {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.15));
  margin: 3rem auto; }
  ul.pagenation li {
    margin: 0 .5rem; }
    ul.pagenation li a {
      font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.15));
      display: block;
      padding: .25rem .4rem;
      background-color: #ededed; }

nav.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  padding-top: 2rem;
  padding-bottom: 1rem; }
  nav.pagination h2 {
    position: absolute;
    top: -1px;
    height: 0;
    overflow: hidden; }
  nav.pagination a.page-numbers {
    display: inline-block;
    padding: 0.6rem 1rem;
    cursor: pointer;
    color: black;
    border-radius: 50%;
    background-color: #ededed;
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.15)); }
    nav.pagination a.page-numbers:hover {
      color: white; }
    nav.pagination a.page-numbers:hover {
      color: black; }
  nav.pagination .current {
    display: inline-block;
    padding: .6rem; }

.bakhome {
  padding: 3rem 0;
  margin: 2rem auto;
  border-top: 0.9px solid #999;
  text-align: center; }
  .bakhome a {
    padding: 0.6rem 1rem;
    cursor: pointer;
    color: white;
    border-radius: 1rem;
    background-color: #4d4d4d;
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.15)); }
    .bakhome a:hover {
      color: white; }
    .bakhome a::before {
      display: inline-block;
      margin-right: .5rem;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f015"; }