@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap");
.archive a.archive_btn,
.page-template a.archive_btn {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 80%;
  margin: auto;
  padding: 1rem;
  font-weight: bold;
  border: 2px solid #205375;
  color: #205375;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .archive a.archive_btn,
  .page-template a.archive_btn {
    width: 40%;
    padding: 1rem 4rem;
  }
}
.archive a.archive_btn::before,
.page-template a.archive_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #205375;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.archive a.archive_btn:hover::before,
.page-template a.archive_btn:hover::before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.archive a.archive_btn:hover,
.page-template a.archive_btn:hover {
  color: #fff;
}
.archive .archive_selection,
.page-template .archive_selection {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (min-width: 1024px) {
  .archive .archive_selection,
  .page-template .archive_selection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.archive .archive_selection .use_btn,
.page-template .archive_selection .use_btn {
  width: 100%;
  position: relative;
  padding: 15px 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .archive .archive_selection .use_btn,
  .page-template .archive_selection .use_btn {
    width: 45%;
    margin: 0;
    padding: 22px 30px;
  }
}
.archive .archive_selection .use_btn:first-child,
.page-template .archive_selection .use_btn:first-child {
  margin: 0 0 20px;
}
@media screen and (min-width: 1024px) {
  .archive .archive_selection .use_btn:first-child,
  .page-template .archive_selection .use_btn:first-child {
    margin: 0;
  }
}
.archive .archive_selection .use_btn svg,
.page-template .archive_selection .use_btn svg {
  margin: 0 auto;
  width: 48px;
}
@media screen and (min-width: 1024px) {
  .archive .archive_selection .use_btn svg,
  .page-template .archive_selection .use_btn svg {
    width: 80px;
  }
}
.archive .archive_selection .use_btn h3,
.page-template .archive_selection .use_btn h3 {
  padding: 20px 0 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .archive .archive_selection .use_btn h3,
  .page-template .archive_selection .use_btn h3 {
    font-size: 2.4rem;
  }
}
.archive .archive_selection .use_btn a,
.page-template .archive_selection .use_btn a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.archive .archive_selection .business_use,
.page-template .archive_selection .business_use {
  position: relative;
  color: #205375;
  background-color: #DAE1E7;
  border: 6px solid #205375;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .archive_selection .business_use svg,
.page-template .archive_selection .business_use svg {
  fill: #205375;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .archive_selection .business_use span,
.page-template .archive_selection .business_use span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 1.2rem;
}
.archive .archive_selection .business_use:hover,
.page-template .archive_selection .business_use:hover {
  color: #68BDD6;
  background-color: #fff;
  border: 6px solid #68BDD6;
}
.archive .archive_selection .business_use:hover svg,
.page-template .archive_selection .business_use:hover svg {
  fill: #68BDD6;
}
.archive .archive_selection .general_use,
.page-template .archive_selection .general_use {
  color: #A85B00;
  background-color: #F8F7EF;
  border: 6px solid #A85B00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .archive_selection .general_use svg,
.page-template .archive_selection .general_use svg {
  fill: #A85B00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .archive_selection .general_use:hover,
.page-template .archive_selection .general_use:hover {
  color: #FC8800;
  background-color: #fff;
  border: 6px solid #FC8800;
}
.archive .archive_selection .general_use:hover svg,
.page-template .archive_selection .general_use:hover svg {
  fill: #FC8800;
}
.archive .category_title,
.page-template .category_title {
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.archive .category_title h3,
.page-template .category_title h3 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
}
.archive .category_title p,
.page-template .category_title p {
  margin: 0 20px 0 15px;
  padding: 0;
  font-size: 1.4rem;
}
.archive .category_title span,
.page-template .category_title span {
  margin: 0;
  font-size: 1.2rem;
  color: #fff;
  background-color: #112B3C;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .category_title span a,
.page-template .category_title span a {
  padding: 5px 10px;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
}
.archive .category_title span:hover,
.page-template .category_title span:hover {
  background-color: #6798B7;
}
.archive .business_use_banner,
.page-template .business_use_banner {
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #205375;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .business_use_banner svg,
.page-template .business_use_banner svg {
  width: 48px;
  fill: #205375;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 1024px) {
  .archive .business_use_banner svg,
  .page-template .business_use_banner svg {
    width: 63px;
  }
}
.archive .business_use_banner h3,
.page-template .business_use_banner h3 {
  padding: 13px 0 0 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .archive .business_use_banner h3,
  .page-template .business_use_banner h3 {
    font-size: 2.4rem;
  }
}
.archive #business_cate_nav,
.page-template #business_cate_nav {
  padding: 0;
  background-color: #205375;
}
@media screen and (min-width: 1024px) {
  .archive #business_cate_nav,
  .page-template #business_cate_nav {
    padding: 20px 0;
  }
}
.archive #business_cate_nav .wrap,
.page-template #business_cate_nav .wrap {
  padding: 0;
}
.archive #business_cate_nav ul,
.page-template #business_cate_nav ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
}
.archive #business_cate_nav ul li a,
.page-template #business_cate_nav ul li a {
  color: #fff;
}
.archive #business_cate_nav ul li a:hover,
.page-template #business_cate_nav ul li a:hover {
  color: #ff701e;
}
.archive #business_cate_nav ul li a.line,
.page-template #business_cate_nav ul li a.line {
  padding-bottom: 3px;
  position: relative;
}
.archive #business_cate_nav ul li a.line::before,
.page-template #business_cate_nav ul li a.line::before {
  background: #ff701e;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.archive #business_cate_nav ul li a.line:hover::before,
.page-template #business_cate_nav ul li a.line:hover::before {
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.archive #business_cate_SPnav,
.page-template #business_cate_SPnav {
  color: #fff;
  background-color: #205375;
}
.archive #business_cate_SPnav .dropdown,
.page-template #business_cate_SPnav .dropdown {
  margin: 0 0 0 auto;
  position: relative;
}
.archive #business_cate_SPnav .dropdown__btn,
.page-template #business_cate_SPnav .dropdown__btn {
  display: block;
  background: none;
  border: 0;
  color: #fff;
}
.archive #business_cate_SPnav .dropdown__btn svg,
.page-template #business_cate_SPnav .dropdown__btn svg {
  margin: 0 10px 0 0;
}
.archive #business_cate_SPnav .dropdown__btn.is-open::after,
.page-template #business_cate_SPnav .dropdown__btn.is-open::after {
  content: "";
  width: 100%;
  height: 100%;
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}
.archive #business_cate_SPnav .dropdown__btn.is-open + .dropdown__body,
.page-template #business_cate_SPnav .dropdown__btn.is-open + .dropdown__body {
  display: block;
  z-index: 2;
}
.archive #business_cate_SPnav .dropdown__body,
.page-template #business_cate_SPnav .dropdown__body {
  display: none;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.149), 0 1px 2px 0 rgba(60, 64, 67, 0.302);
          box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.149), 0 1px 2px 0 rgba(60, 64, 67, 0.302);
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  top: 32px;
  left: 0;
}
.archive #business_cate_SPnav .dropdown__list,
.page-template #business_cate_SPnav .dropdown__list {
  margin: 0;
  padding: 0;
}
.archive #business_cate_SPnav .dropdown__item,
.page-template #business_cate_SPnav .dropdown__item {
  display: block;
}
.archive #business_cate_SPnav .dropdown__item-link,
.page-template #business_cate_SPnav .dropdown__item-link {
  display: block;
  padding: 1em 1.2em;
  font-size: 0.95em;
  text-decoration: none;
  color: #444;
}
.archive #business_cate_SPnav .dropdown__item-link:hover,
.page-template #business_cate_SPnav .dropdown__item-link:hover {
  background: #fbfbfb;
}
.archive .general_use_banner,
.page-template .general_use_banner {
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #A85B00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .general_use_banner svg,
.page-template .general_use_banner svg {
  width: 63px;
  fill: #A85B00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .general_use_banner h3,
.page-template .general_use_banner h3 {
  padding: 13px 0 0 20px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}
.archive #general_cate_nav,
.page-template #general_cate_nav {
  padding: 20px 0;
  background-color: #A85B00;
}
.archive #general_cate_nav ul,
.page-template #general_cate_nav ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
}
.archive #general_cate_nav ul li a,
.page-template #general_cate_nav ul li a {
  color: #fff;
}
.archive #general_cate_nav ul li a:hover,
.page-template #general_cate_nav ul li a:hover {
  color: #ff701e;
}
.archive #general_cate_nav ul li a.line,
.page-template #general_cate_nav ul li a.line {
  padding-bottom: 3px;
  position: relative;
}
.archive #general_cate_nav ul li a.line::before,
.page-template #general_cate_nav ul li a.line::before {
  background: #ff701e;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.archive #general_cate_nav ul li a.line:hover::before,
.page-template #general_cate_nav ul li a.line:hover::before {
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.archive .product_category:nth-child(odd),
.page-template .product_category:nth-child(odd) {
  background-color: #f4f5f7;
}
.archive .product_category a.anchor,
.page-template .product_category a.anchor {
  display: block;
  padding-top: 90px;
  margin-top: -90px;
}
@media screen and (min-width: 1024px) {
  .archive .product_category a.anchor,
  .page-template .product_category a.anchor {
    padding-top: 150px;
    margin-top: -150px;
  }
}
.archive .product_category .new_products_area,
.page-template .product_category .new_products_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.archive .product_category .new_products_area .new_products_inner,
.page-template .product_category .new_products_area .new_products_inner {
  width: 48%;
  margin: 0 1% 20px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .archive .product_category .new_products_area .new_products_inner,
  .page-template .product_category .new_products_area .new_products_inner {
    width: 23%;
    margin: 0 1% 40px;
  }
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img {
  position: relative;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img img,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img img {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .new_products_inner_genre,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .new_products_inner_genre {
  width: 100%;
  padding: 3px 0;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .business_products,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .business_products {
  background-color: #205375;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .general_products,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .general_products {
  background-color: #A85B00;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .archive_item_title,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .archive_item_title {
  background-color: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v08,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v08 {
  background-color: #bb1616;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v09,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v09 {
  background-color: #ff8400;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v15,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v15 {
  background-color: #aeae00;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v24,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v24 {
  background-color: #1663bb;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v3,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .rated6v3 {
  background-color: #bb7616;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .rated44v12,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .rated44v12 {
  background-color: #a436c0;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .ratedelectric,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .ratedelectric {
  background-color: #06ad17;
}
.archive .product_category .new_products_area .new_products_inner .new_products_inner_img .archive_item_rated,
.page-template .product_category .new_products_area .new_products_inner .new_products_inner_img .archive_item_rated {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 3%;
  color: #fff;
}
.archive .product_category .new_products_area .new_products_inner a,
.page-template .product_category .new_products_area .new_products_inner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.archive .product_category .new_products_area .new_products_inner:hover img,
.page-template .product_category .new_products_area .new_products_inner:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.archive .product_category .new_products_area .new_products_inner:hover p,
.page-template .product_category .new_products_area .new_products_inner:hover p {
  color: #333;
}
.archive .product_category .new_products_area .new_products_inner:hover h3,
.page-template .product_category .new_products_area .new_products_inner:hover h3 {
  color: #F66B0E;
}
.archive .info_archive .wrap,
.page-template .info_archive .wrap {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 1024px) {
  .archive .info_archive .wrap,
  .page-template .info_archive .wrap {
    max-width: 900px;
  }
}
.archive .info_archive_area .info_archive_inner,
.page-template .info_archive_area .info_archive_inner {
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  border-bottom: none;
}
.archive .info_archive_area .info_archive_inner:last-child,
.page-template .info_archive_area .info_archive_inner:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  .archive .info_archive_area .info_archive_inner,
  .page-template .info_archive_area .info_archive_inner {
    border-bottom: 1px solid #eee;
    margin: 0 0 30px;
    padding: 0 0 30px;
  }
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .archive .info_archive_area .info_archive_inner .info_archive_inner_box,
  .page-template .info_archive_area .info_archive_inner .info_archive_inner_box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_img,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_img {
  width: 100%;
  margin: 0 0 15px;
}
@media screen and (min-width: 1024px) {
  .archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_img,
  .page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_img {
    width: 30%;
    margin: 0;
  }
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_img img,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_img img {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text,
  .page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text {
    width: 67%;
  }
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text h3,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text h3 {
  margin: 0 0 8px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 1024px) {
  .archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text h3,
  .page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text h3 {
    font-size: 1.8rem;
  }
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text .day,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text .day {
  margin: 0 0 8px;
  color: #888;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text .excerpt,
.page-template .info_archive_area .info_archive_inner .info_archive_inner_box .info_inner_text .excerpt {
  margin: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive .info_archive_area .info_archive_inner a,
.page-template .info_archive_area .info_archive_inner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.archive .info_archive_area .info_archive_inner:hover img,
.page-template .info_archive_area .info_archive_inner:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.archive .info_archive_area .info_archive_inner:hover .day,
.page-template .info_archive_area .info_archive_inner:hover .day {
  color: #999;
}
.archive .info_archive_area .info_archive_inner:hover .excerpt,
.page-template .info_archive_area .info_archive_inner:hover .excerpt {
  color: #888;
}
.archive .info_archive_area .info_archive_inner:hover h3,
.page-template .info_archive_area .info_archive_inner:hover h3 {
  color: #F66B0E;
}
.archive #movie_archive .wrap,
.page-template #movie_archive .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .archive #movie_archive .wrap,
  .page-template #movie_archive .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.archive #movie_archive .wrap .movie_box,
.page-template #movie_archive .wrap .movie_box {
  width: 100%;
  margin: 0 0 15px 0;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .archive #movie_archive .wrap .movie_box,
  .page-template #movie_archive .wrap .movie_box {
    width: 30%;
    margin: 0 1.66% 3%;
  }
}
.archive #movie_archive .wrap .movie_box h3,
.page-template #movie_archive .wrap .movie_box h3 {
  margin: 10px 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #707070;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive #movie_archive .wrap .movie_box img,
.page-template #movie_archive .wrap .movie_box img {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.archive #movie_archive .wrap .movie_box a,
.page-template #movie_archive .wrap .movie_box a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.archive #movie_archive .wrap .movie_box:hover img,
.page-template #movie_archive .wrap .movie_box:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.archive #movie_archive .wrap .movie_box:hover h3,
.page-template #movie_archive .wrap .movie_box:hover h3 {
  color: #333;
}