/******************************************************************
 Site Name:THE OWNED
 Author:AWW design
 ******************************************************************/
/******************************************************************
 Site Name:
 Author:
 Stylesheet: Variables
 Here is where we declare all our variables like colors, fonts,
 base values, and defaults. We want to make sure this file ONLY
 contains variables that way our files don't get all messy.
 No one likes a mess.
 ******************************************************************/
/*********************
 COLORS
 Need help w/ choosing your colors? Try this site out:
 http://0to255.com/
 *********************/
/* $black:             #0A0A0A; */
/* $text-color:        #5c6b80; */
/*$link-color:        $bones-pink;*/
/*
 Here's a great tutorial on how to
 use color variables properly:
 http://sachagreif.com/sass-color-variables/
 */
/******************************************************************
 Site Name:
 Author:
 Stylesheet: General
 ******************************************************************/
html {
  background: #fff;
}
body {
  position: relative;
  background: #fff;
}
#container {
  background: #fff;
  overflow-x: hidden;
}
i {
  vertical-align: middle;
  line-height: 1;
  margin: 0;
  padding: 0;
}
a, a img {
  text-decoration: none;
  cursor: pointer !important;
  transition: all 0.3s ease 0s !important;
  outline: none !important;
  vertical-align: middle;
}
a:focus, *:focus {
  outline: none !important;
}
a img:hover {
  opacity: 0.8;
}
a:hover {
  cursor: pointer;
}
p {
  word-break: keep-all;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* color:#363636; */
  color: #000;
  font-size: 0.85em !important;
}
::selection {
  background: #333;
  color: #fff;
}
::-moz-selection {
  background: #333;
  color: #fff;
}
#main {
  padding: 0 0 70px;
}
.center {
  text-align: center;
}
article {
  border: none !important;
}
/* .tiny_wrap{max-width:850px; margin: 0 auto;} */
.wrap {
  width: 1150px !important;
}
.the_title {
  /* border-left:5px solid #000; */
  display: inline-block;
  /* margin:3rem 0 1rem; */
  margin: 0 0 15px;
  width: 100%;
  position: relative;
}
.the_title h2 {
  border-bottom: 1px solid #171b65;
  border-left: 6px solid #171b65;
  background: #fff;
  color: #171b65;
  font-weight: bold;
  /* font-size: 1.1rem; */
  font-size: 22px;
  /* letter-spacing: .1rem; */
  margin: 0;
  padding: 10px 10px 10px 50px;
  /* padding:0 .5rem; */
  line-height: 25px;
}
.the_title h2 span {
  font-size: 0.65rem;
  display: inline-block;
  padding: 0 0 0 0.5rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: #8d8d8d;
}
.the_title:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/icon_article.png) no-repeat;
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}
@media only screen and (max-width: 767px) {
  .tiny_wrap {
    padding: 0 0.5em;
  }
  .the_title h2 {
    font-size: 20px;
    padding: 10px 10px 10px 40px;
  }
}
/*━━━━━━━━━━━━━read━━━━━━━━━━━━━*/
.read_section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  text-align: center;
}
.the_read {
  padding: 20px;
  text-align: left;
}
.the_read h3 {
  font-size: 1.5em;
  letter-spacing: 0.1em;
  display: block;
  padding: 0 0 0.3em 0;
  font-feature-settings: "palt";
}
.the_read p {
  border-top: 1px solid #d7d7d7;
  padding: 0.7em 0;
}
.the_read a {
  border: 1px solid #798388;
  padding: 0.8em 1.5em;
  color: #798388;
  font-size: 0.9em;
  font-weight: bold;
}
.the_read a i {
  padding: 0 0 0 0.2em;
}
.the_read ahover {
  background: #798388;
  color: #fff;
}
.the_read > div:first-child {
  display: inline-block;
  font-size: 2.8em;
  line-height: 1;
  letter-spacing: 0.09em;
  color: #798388;
}
.read_image img {
  text-align: center;
  width: 90%;
  height: auto;
  border-radius: 2px;
  opacity: 0.85;
}
nav.pagination {
  /* background:#F3F3F3; */
  background: #fff;
}
nav.pagination ul.page-numbers {
  background: none;
}
nav.pagination ul.page-numbers li {
  background: none;
  border: 1px solid #404040;
  /* border:none; */
}
nav.pagination ul.page-numbers li span {
  background: none;
  font-weight: bold;
}
nav.pagination ul.page-numbers li a {
  color: #000;
  background: none;
  font-weight: bold;
}
.home_cat_list {
  margin-top: 2rem;
}
.home_cat_list ul.category-list {
  display: flex;
  flex-wrap: wrap;
}
.home_cat_list ul.category-list li {
  display: inline-block;
  padding: 1rem 1.5rem;
}
.home_cat_list ul.category-list li a {
  color: #000;
}
/*━━━━━━━━━━━━━table━━━━━━━━━━━━━*/
table {
  margin: 3rem auto;
  width: 100%;
}
table th {
  font-size: 1rem;
  font-weight: normal;
  background: #fff;
  border-bottom: solid 1px #eaedf2;
  color: #000;
  padding: 1rem;
  text-align: left;
  letter-spacing: 0.1rem;
}
table td {
  font-size: 1rem;
  border-bottom: solid 1px #eaedf2;
  padding: 1rem;
  color: #000;
}
@media screen and (max-width: 640px) {
  table {
    border-bottom: solid 1px #eaedf2;
  }
  table th, table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  table th {
    background: #f3f3f3;
    padding: 0.3rem;
  }
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
@media only screen and (max-width: 767px) {
  .read_section .m-all {
    float: none !important;
  }
  .read_section {
    flex-direction: column;
    padding: 30px 1.5em;
  }
  .read_section .read_image {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .read_section .read_image img {
    width: 100%;
    height: auto;
  }
  .read_section .the_read {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    padding: 0;
  }
  .read_section .the_read h3 {
    font-size: 1.2em !important;
  }
  .read_section .the_read p {
    font-size: 0.85em !important;
  }
}
/******************************************************************
 Site Name:
 Author:
 Stylesheet: animation
 ******************************************************************/
.cp_qa_faq *, .cp_qa_faq *:after, .cp_qa_faq *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_qa_faq {
  overflow-x: hidden;
  margin: 0 auto;
  color: #333;
}
.cp_qa_faq .cp_actab {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}
.cp_qa_faq label {
  font-size: 0.9em;
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 10px 0 48px;
  cursor: pointer;
}
.cp_qa_faq .cp_actab-content {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  position: relative;
  overflow: hidden;
  height: 0;
  margin: 0 40px;
  padding: 0 14px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
}
.cp_qa_faq .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
  height: auto;
  padding: 14px;
  opacity: 1;
}
.cp_qa_faq .cp_plus {
  font-size: 2.4em;
  line-height: 100%;
  position: absolute;
  z-index: 1;
  margin: 0 0 0 5px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.cp_qa_faq .cp_actab input[type=checkbox]:checked ~ .cp_plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cp_qa_faq .cp_actab input[type=checkbox] {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cp_qa_faq {
    padding: 0 1em;
  }
}
/******************************************************************
 Site Name:
 Author:
 Stylesheet: General
 ******************************************************************/
/*Contact Form 7*/
@media (max-width: 768px) {
  /* 必須・任意のサイズ調整 */
  .inquiry th, .inquiry td {
    display: block !important;
    width: 90% !important;
    margin: 0 auto !important;
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 1em 0 !important;
    font-size: 0.9em !important;
  }
  .inquiry .haveto, .inquiry .any {
    font-size: 10px;
  }
  .inquiry input[type="text"] {
    margin-top: 5px !important;
  }
  .inquiry input[type="email"] {
    margin-top: 5px !important;
  }
  .inquiry input[type="tel"] {
    margin-top: 5px !important;
  }
  .inquiry textarea {
    margin-top: 5px !important;
  }
}
/*見出し欄*/
.inquiry th {
  text-align: left;
  font-size: 0.9em !important;
  color: #444;
  padding-right: 5px;
  width: 30%;
  background: #fff;
}
.inquiry th > span > span {
  display: block;
  color: red;
  font-size: 12px;
  padding-top: 0.5em;
}
/*通常欄*/
table.inquiry {
  margin-top: 35px;
  margin-bottom: 30px;
}
.inquiry tr {
  border: none;
}
.inquiry td {
  /* font-size:.9em!important; */
  font-size: 16px !important;
  width: 100%;
  padding: 0 !important;
  border-bottom: none !important;
}
.inquiry input[type="text"] {
  width: 100% !important;
  height: 50px !important;
  margin: 0 0 20px 0;
  max-width: 600px !important;
  /* color: #727272!important; */
  color: #000 !important;
  background-color: #ececec !important;
  border-radius: 0 !important;
}
.inquiry input[type="email"] {
  width: 100% !important;
  height: 50px !important;
  margin: 0 0 20px 0;
  max-width: 600px !important;
  /* color: #727272!important; */
  color: #000 !important;
  background-color: #ececec !important;
  border-radius: 0 !important;
}
.inquiry input[type="tel"] {
  width: 100% !important;
  height: 50px !important;
  margin: 0 0 20px 0;
  max-width: 450 !important;
  /* color: #727272!important; */
  color: #000 !important;
  background-color: #ececec !important;
  border-radius: 0 !important;
}
.inquiry textarea {
  width: 100% !important;
  max-width: 600px !important;
  min-height: 190px !important;
  margin: 0 0 20px 0;
  /* color: #727272!important; */
  color: #000 !important;
  background-color: #ececec !important;
  border-radius: 0 !important;
  resize: none;
}
.inquiry td a {
  padding: 0.5em;
  font-size: 0.8em;
  background: #ddd;
  color: #363636;
  display: inline-block;
  margin: 0.5em 0;
}
.inquiry td a:hover {
  background: #f1f1f1;
}
::placeholder {
  /* color: #7F7F7F; */
  color: #727272 !important;
}
/*横の行とテーブル全体*/
/*必須の調整*/
.haveto {
  font-size: 8px;
  padding: 5px;
  background: #b4161f;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
/*任意の調整*/
.any {
  font-size: 8px;
  padding: 5px;
  background: #878787;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item {
  display: block;
}
/*送信ボタンのデザイン変更*/
#formbtn {
  display: block;
  padding: 15px;
  width: 80% !important;
  background: #363636;
  color: #fff;
  font-size: 1.1em;
  margin: 2em auto;
  border: 1px solid #363636;
  transition: all 0.3s ease 0s !important;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover {
  background: #fff;
  color: #363636;
  border: 1px solid #363636;
}
.caption {
  font-size: 0.8em;
  background: #f6f6f6;
  line-height: 1.8;
  padding: 3%;
}
#form input[type="text"], #form input[type="password"], #form input[type="datetime"], #form input[type="datetime-local"], #form input[type="date"], #form input[type="month"], #form input[type="time"], #form input[type="week"], #form input[type="number"], #form input[type="email"], #form input[type="url"], #form input[type="search"], #form input[type="tel"], #form input[type="color"], #form select, #form textarea, .field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #363636;
  border-radius: 0;
  vertical-align: middle;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  font-family: "Lato", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
#form input[type="text"]:focus, #form input[type="text"]:active, #form input[type="password"]:focus, #form input[type="password"]:active, #form input[type="datetime"]:focus, #form input[type="datetime"]:active, #form input[type="datetime-local"]:focus, #form input[type="datetime-local"]:active, #form input[type="date"]:active, #form input[type="month"]:focus, #form input[type="month"]:active, #form input[type="time"]:focus, #form input[type="time"]:active, #form input[type="week"]:focus, #form input[type="week"]:active, #form input[type="number"]:focus, #form input[type="number"]:active, #form input[type="email"]:focus, #form input[type="email"]:active, #form input[type="url"]:focus, #form input[type="url"]:active, #form input[type="search"]:focus, #form input[type="search"]:active, #form input[type="tel"]:focus, #form input[type="tel"]:active, #form input[type="color"]:focus, #form input[type="color"]:active, #form select:focus, #form select:active, #form textarea:focus, #form textarea:active, .field:focus, .field:active {
  background-color: #ddd;
  outline: none;
  border: 1px solid #ddd;
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: Header Stylesheet
 ******************************************************************/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 header
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
header.header {
  background: #fff;
  padding: 0;
  display: block;
}
header.header .site-title-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  /*align-items:center;*/
  padding: 5px 0 10px;
  /*padding:2rem 0;*/
}
header.header .site-title-wrap p.desc {
  flex-basis: calc(100% / 3);
  width: 33.33333%;
  font-size: 14px !important;
  margin: 20px 0;
}
header.header .site-title-wrap h1, header.header .site-title-wrap > span {
  flex-basis: calc(100% / 3);
  width: 33.33333%;
  font-size: 1rem;
  line-height: 0;
  margin: 0;
  margin-top: 20px;
  padding: 0;
  text-align: center;
}
header.header .site-title-wrap h1 a.logo, header.header .site-title-wrap > span a.logo {
  /* width:210px; */
}
header.header .site-title-wrap h1 a.logo img, header.header .site-title-wrap > span a.logo img {
  width: 160px;
  height: auto;
}
header.header .site-title-wrap div.search {
  flex-basis: calc(100% / 3);
  width: 33.33333%;
  text-align: right;
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
@media only screen and (max-width: 1023px) {
  header.header .site-title-wrap {
    height: auto;
    justify-content: center;
    padding: 0 0 10px;
    /* padding:1em 0 0; */
  }
  header.header .site-title-wrap p.desc {
    display: none;
  }
  header.header .site-title-wrap h1, header.header .site-title-wrap > span {
    margin-top: 0;
  }
  header.header .site-title-wrap h1 a.logo, header.header .site-title-wrap > span a.logo {
    display: block;
    margin: 0 auto;
    flex-basis: 100%;
    text-align: center;
  }
  header.header .site-title-wrap h1 a.logo img, header.header .site-title-wrap > span a.logo img {
    width: 120px;
    height: auto;
    margin-top: 5px;
  }
  header.header .site-title-wrap div.search {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  header.header .site-title-wrap h1 a.logo img, header.header .site-title-wrap > span a.logo img {
    width: 85px;
  }
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 nav
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
header.header div.drawer-navbar {
  border-bottom: none;
  height: 60px;
  width: auto;
  margin: 0 -200%;
  padding: 0 200%;
  border-top: 1px solid #171b65;
  border-bottom: 1px solid #171b65;
}
header.header div.drawer-navbar .drawer-container {
  max-width: 100%;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav {
  background: transparent;
  display: flex;
  justify-content: space-between;
  margin: 0;
  text-align: center;
  width: 100%;
  /* border-bottom:2px solid #000; */
  flex-wrap: wrap;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav a.logo {
  display: none;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav > li a {
  display: inline-block;
  /* padding:.3em 0 !important; */
  padding: 0 !important;
  padding-left: 32px !important;
  position: relative;
  text-decoration: none;
  /* color: #3E3E3D;
   font-size: .85em;
   font-size: 14px;
   letter-spacing: .09em; */
  color: #000;
  font-size: 16px;
  font-weight: bold;
  /* border-bottom:2px solid transparent; */
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav > li a:hover {
  text-decoration: none;
  opacity: 0.8;
  /* color:red; */
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav > li a img {
  position: absolute;
  left: 0;
  top: -2px;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav > li a span {
  padding-left: 0;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-20 a:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_notes.png) no-repeat;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-20 a:before:hover {
  opacity: 0.8;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-21 a:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_event.png) no-repeat;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-21 a:before:hover {
  opacity: 0.8;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-22 a:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_gourmet.png) no-repeat;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-22 a:before:hover {
  opacity: 0.8;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-362 a:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_aitaka.png) no-repeat;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-362 a:before:hover {
  opacity: 0.8;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-363 a:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_disaster.png) no-repeat;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav #menu-item-363 a:before:hover {
  opacity: 0.8;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .search {
  display: none;
  width: 100%;
  padding: 0 1em;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .search div#header_search {
  width: 100%;
  margin: 0;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .search div#header_search #header_search_form {
  margin: 0;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .search div#header_search #header_search_form input {
  max-width: initial;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .search div#header_search .header_nav_sns {
  display: none;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul#menu-footer_info_nav, header.header div.drawer-navbar .drawer-container nav.drawer-nav ul#menu-header_info_nav {
  display: none;
  padding-top: 0 !important;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav ul#menu-footer_info_nav a, header.header div.drawer-navbar .drawer-container nav.drawer-nav ul#menu-header_info_nav a {
  padding-left: 0 !important;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav div.header_nav_sns {
  display: none;
  text-align: center;
  padding: 30px 0;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav div.header_nav_sns ul li:last-child {
  margin-right: 0;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami {
  width: 250px;
  height: 100px;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami label {
  text-align: center;
  padding: 0.2rem 1rem;
  cursor: pointer;
  display: block;
  background: #f5f5f5;
  transition: 0.5s;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami label:hover {
  background: yellow;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami label > div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  margin-top: -0.4rem;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami input {
  display: none;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
  text-align: left;
  border: 10px solid #f5f5f5;
  width: 500px;
  background: #fff;
  margin-left: -250px;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami .hidden_show ul.category-list {
  display: flex;
  flex-wrap: wrap;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami .hidden_show ul.category-list li {
  padding: 0.5rem 1rem;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami .hidden_show ul.category-list li a {
  color: #000;
  font-size: 0.85rem;
}
header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
header.header div.drawer-navbar .drawer-container .drawer-hamburger {
  width: 38px;
}
header.header div.drawer-navbar .drawer-container .drawer-hamburger-icon, header.header div.drawer-navbar .drawer-container .drawer-hamburger-icon:after, header.header div.drawer-navbar .drawer-container .drawer-hamburger-icon:before {
  background-color: #171b65;
  height: 3px;
}
.drawer-open .drawer-hamburger-icon {
  background-color: transparent !important;
}
/*━━━━━━━━━━━━━has children━━━━━━━━━━━━━*/
.menu-item-has-children .header-nav-child {
  display: none;
}
.menu-item-has-children .header-nav-child ul.sub-menu {
  display: flex;
  flex-direction: column;
  background: #f6f6f6;
  padding: 0;
  width: 100%;
  margin-top: -0.1em;
}
.menu-item-has-children .header-nav-child ul.sub-menu li {
  padding: 0 !important;
  margin: 0.2em 0 0 0.5em !important;
}
.menu-item-has-children .header-nav-child ul.sub-menu li a {
  margin: 0.3em 0 !important;
  padding: 0.2em 0 !important;
}
.menu-item-has-children .header-nav-child ul.sub-menu li ahover {
  border-bottom: 2px solid #363636;
}
.menu-item-has-children > a:after {
  content: 'add';
  font-family: "Material Icons";
  font-size: 0.8em;
  clear: both;
  margin: 0;
  padding: 0 0 0 0.1em;
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
@media only screen and (max-width: 1023px) {
  header.header {
    position: relative;
  }
  header.header div.drawer-navbar {
    border-bottom: none;
    border-top: none;
    height: auto;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav {
    background: #fff;
    box-sizing: border-box;
    border: none;
    text-align: left !important;
    padding-top: 130px;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav a.logo {
    display: block;
    position: absolute;
    top: 0;
    /* top: 5%; */
    left: 50%;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav a.logo img {
    width: 120px;
    height: auto;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1em !important;
    padding-bottom: 0 !important;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav .search {
    display: block;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav ul#menu-footer_info_nav, header.header div.drawer-navbar .drawer-container nav.drawer-nav ul#menu-header_info_nav {
    display: flex;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav div.header_nav_sns {
    display: block;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav .onayami {
    display: none;
  }
  .search div#header_search form#header_search_form #hsf_keyword {
    font-size: 17px !important;
  }
}
@media only screen and (max-width: 767px) {
  header.header div.drawer-navbar .drawer-container {
    /* padding-top: 100px; */
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav {
    padding-top: 70px;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav a.logo img {
    margin-top: 5px;
    width: 85px;
  }
  header.header div.drawer-navbar .drawer-container nav.drawer-nav ul.nav > li a {
    padding-bottom: 15px !important;
  }
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: Footer Stylesheet
 ******************************************************************/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 BACK TO TOPボタン
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#pageTop {
  position: fixed;
  /* bottom: 10rem;
   right: 0; */
  bottom: 4%;
  right: 4%;
  text-align: center;
  /* border: 1px solid #000; */
  border: 1px solid #171b65;
  background: #fff;
}
#pageTop a {
  z-index: 999;
  text-align: center;
  color: #363636;
  display: table-cell;
  /* padding:  1em;
   display: block; */
  text-align: center;
  width: 60px;
  height: 60px;
}
#pageTop ahover {
  transform: translate(0, -20px);
}
#pageTop a span.material-icons {
  font-size: 1.5em;
  display: block;
  margin: 0 auto;
  line-height: 1.3;
}
#pageTop a span.btt_text {
  writing-mode: vertical-rl;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  display: block;
  margin: 0 auto;
  line-height: 1.5;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 FIX buttons
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
ul.fix_btn {
  position: fixed;
  right: 0;
  bottom: 60%;
  z-index: 9999999999;
}
ul.fix_btn li {
  margin: 1em 0;
  text-align: center;
  letter-spacing: 0.2em;
}
ul.fix_btn li a {
  text-align: center;
  display: inline-block;
  background: #363636;
  color: #fff;
  padding: 2em 0.7em;
  font-size: 1em;
}
ul.fix_btn li ahover {
  background: #e5e5e5;
  color: #363636;
}
ul.fix_btn li a i {
  padding: 0 0 0.5em 0.1em;
  font-size: 1em;
  display: block;
}
ul.fix_btn li a span.fix_txt {
  writing-mode: vertical-rl;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 resp
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media (max-width: 767px) {
  ul.fix_btn {
    bottom: -17px;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    width: 100%;
    background: #2f2f2f;
    display: flex;
    justify-content: space-between;
  }
  ul.fix_btn li {
    display: inline-block;
    margin: 0 !important;
    text-align: center;
    width: 100%;
    border-right: 1px solid #768489;
  }
  ul.fix_btn lilast-child {
    border-right: none;
  }
  ul.fix_btn li a {
    padding: 0.5em;
    font-size: 0.9em;
    background: none !important;
  }
  ul.fix_btn li a i {
    font-size: 1.3em;
    padding: 0.1em 0 0.1em 0;
  }
  ul.fix_btn li a img {
    padding: 0.3em 0 0.5em;
  }
  ul.fix_btn li a span.fix_txt {
    writing-mode: horizontal-tb;
  }
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 footer
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━3banners━━━━*/
.three_banners {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.three_banners > div {
  flex-basis: calc(100% / 3);
  width: 33.333%;
}
.three_banners > div p a img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
/*━━━━footer━━━━*/
footer.footer {
  background: #fff !important;
  margin-top: -1.5rem;
  border-top: 1px solid #171b65;
  /* border-top: 1px solid #c3c3c3; */
}
footer.footer #inner-footer .footer_top nav {
  border-top: 2px solid #000;
}
footer.footer #inner-footer .footer_top nav ul#menu-footer_sub_nav {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}
footer.footer #inner-footer .footer_top nav ul#menu-footer_sub_nav li a {
  color: #000;
}
footer.footer #inner-footer .footer_bottom {
  /* background:$black; */
  background: #fff;
}
footer.footer #inner-footer .footer_bottom nav {
  /* border-top:2px solid #000; */
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav {
  display: flex;
  justify-content: flex-start;
  /* justify-content :center;
   padding:1.5rem 0; */
  padding: 0 0 10px;
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav li {
  /* color:#fff; */
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav li a {
  color: #000;
  font-size: 16px;
  /* font-size:.85rem;
   padding: 0 0.75em */
  padding: 0 30px 0 0;
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_sub_nav {
  display: flex;
  justify-content: flex-start;
  /* justify-content :space-between; */
  padding: 0 0 5px;
  /* padding:1rem 0; */
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_sub_nav li a {
  color: #000;
  padding: 0 30px 0 0;
  /* padding: 0 0.75em */
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_sub_nav li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav-1 {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 10px;
}
footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav-1 li a {
  color: #000;
  padding: 0 30px 0 0;
  /* padding: 0 0.75em */
}
footer.footer #inner-footer .footer_bottom .footer_nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 30px 0;
}
footer.footer #inner-footer .footer_bottom .footer_nav .footer_logo {
  margin-right: 50px;
}
footer.footer #inner-footer .footer_bottom .footer_nav .footer_logo a.logo img {
  width: 160px;
  height: auto;
}
footer.footer #inner-footer .footer_bottom .footer_nav .footer_menu {
  flex: 1;
}
footer.footer #inner-footer .footer_bottom .footer_nav .footer_menu .social_list img {
  width: 25px;
}
footer.footer #inner-footer .footer_bottom .footer_nav .footer_contact .contact_btn a {
  display: inline-block;
  width: 220px;
  text-align: center;
  margin: 0 auto;
  text-decoration: none;
  border: 1px solid #171b65;
  background: #fff;
  padding: 15px 0;
  font-size: 18px;
  line-height: 1;
  box-sizing: border-box;
  color: #171b65;
}
footer.footer #inner-footer .footer_bottom .footer_nav .footer_contact .contact_btn a:hover {
  opacity: 0.7;
}
footer.footer #inner-footer .footer_bottom .copyright_section {
  display: block;
  padding: 0 0 1rem;
  /* color:#fff; */
  color: #000;
  width: 100%;
  text-align: center;
}
footer.footer #inner-footer .footer_bottom .copyright_section small {
  font-size: 0.65rem !important;
  letter-spacing: 0.15rem;
}
footer.footer #inner-footer .copyright_section {
  display: block;
  padding: 0 0 1rem;
  color: #000;
  width: 100%;
  text-align: center;
}
footer.footer #inner-footer .copyright_section small {
  /* font-size: .65rem!important;
   letter-spacing: .15rem; */
  font-size: 16px !important;
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
/* @media (max-width: 767px) { */
@media (max-width: 768px) {
  .three_banners {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .three_banners > div {
    flex-basis: 100%;
    width: 100%;
  }
  .three_banners > div p {
    margin: 0.3rem 0;
  }
  .three_banners > div p a img {
    width: 100%;
    height: 130px;
    object-fit: cover;
  }
  footer.footer {
    background: #fff !important;
    margin-top: -1.5rem;
  }
  footer.footer #inner-footer .footer_top nav {
    margin-top: 3rem;
    border-top: 1px dotted #000;
  }
  footer.footer #inner-footer .footer_top nav ul#menu-footer_sub_nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 1rem 0;
  }
  footer.footer #inner-footer .footer_top nav ul#menu-footer_sub_nav li {
    width: 49%;
    flex-basis: calc(98% / 2);
  }
  footer.footer #inner-footer .footer_top nav ul#menu-footer_sub_nav li a {
    color: #000;
    font-size: 0.9rem;
  }
  footer.footer #inner-footer .footer_bottom nav {
    border-top: none;
  }
  footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav, footer.footer #inner-footer .footer_bottom nav ul#menu-footer_sub_nav, footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    padding: 10px 0 0;
    /* padding:.5rem 0; */
    text-align: center;
  }
  footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav li, footer.footer #inner-footer .footer_bottom nav ul#menu-footer_sub_nav li, footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav-1 li {
    /* width:49%;
     flex-basis: calc(98% / 2); */
    width: 98%;
    flex-basis: 98%;
    padding-bottom: 10px;
  }
  footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav li a, footer.footer #inner-footer .footer_bottom nav ul#menu-footer_sub_nav li a, footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav-1 li a {
    /* color:#fff;
     font-size:.75rem; */
    color: #000;
    font-size: 15px;
    padding: 0;
  }
  footer.footer #inner-footer .footer_bottom nav ul#menu-footer_info_nav-1 {
    padding-top: 0;
    padding-bottom: 25px;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav {
    align-items: flex-start;
    padding: 25px 0;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .footer_logo {
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .footer_logo a.logo img {
    width: 110px;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .footer_menu {
    width: 100%;
    flex: auto;
    text-align: center;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .footer_menu .social_list img {
    width: 25px;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .footer_contact .contact_btn a {
    width: 100%;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .header_nav_sns {
    padding-bottom: 20px;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .header_nav_sns .social_list:last-child {
    margin-right: 0;
  }
  footer.footer #inner-footer .footer_bottom .footer_nav .footer_contact {
    width: 100%;
  }
  footer.footer #inner-footer .footer_bottom .copyright_section {
    border-top: 1px solid #252525;
    padding: 0.5rem 0;
  }
  footer.footer #inner-footer .footer_bottom .copyright_section small {
    font-size: 0.4rem !important;
    letter-spacing: 0.15rem;
  }
  footer.footer #inner-footer .copyright_section small {
    font-size: 13px !important;
  }
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: breadcrumb Stylesheet
 ******************************************************************/
.bc {
  text-align: left;
  display: block;
  padding: 0.5em 0;
}
/* border-bottom:1px solid $light-gray; */
#breadcrumb {
  margin: 0 auto;
  margin-bottom: 20px;
  display: inline-block;
}
#breadcrumb i {
  font-size: 0.9em;
  color: #363636;
  padding: 0 1em 0.2em;
  border: none;
}
#breadcrumb > span {
  display: inline-block;
  /* font-size: .8em!important; */
  font-size: 15px;
  line-height: 1;
  color: #000;
}
#breadcrumb > span a {
  /* color:$dark-gray; */
  color: #000;
  padding: 0.3em;
  /* font-size: 1em; */
  font-size: 15px;
}
#breadcrumb > span a:hover {
  opacity: 0.8;
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: Sidebar Stylesheet
 ******************************************************************/
.sidebar {
  /* padding: 0 0 0 1rem; */
  padding: 0 0 0 40px;
  width: 100%;
}
.sidebar a {
  /* margin:-2.2rem 0 0!important; */
  color: #000;
  font-size: 0.9rem;
}
.sidebar a:hover {
  /* color: #6F9453; */
  opacity: 0.8;
}
.sidebar h4.widgettitle {
  /* padding: 0 0 7px 0;
   border-bottom: 2px solid #363636;
   font-size: 1.2rem;
   color:#363636; */
  border-bottom: 1px solid #171b65;
  border-left: 6px solid #171b65;
  background: #fff;
  color: #171b65;
  font-weight: bold;
  font-size: 22px;
  /* letter-spacing: 0.1rem; */
  margin: 0;
  margin-bottom: 15px;
  padding: 10px 10px 10px 50px;
  /* line-height: 1.4em; */
  line-height: 25px;
  position: relative;
}
.sidebar h4.widgettitle:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-size: 28px !important;
}
.sidebar .popular-posts h4.widgettitle:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/icon_ranking.png) no-repeat;
}
.sidebar .widget_tag_cloud h4.widgettitle:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/icon_keyword.png) no-repeat;
}
.sidebar #custom_html-2 h4.widgettitle:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/instagram_logo.png) no-repeat;
}
.sidebar #custom_html-3 h4.widgettitle:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/twitter_logo.png) no-repeat;
}
.sidebar #custom_html-4 h4.widgettitle:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/facebook_logo.png) no-repeat;
}
.sidebar #text-2 h4.widgettitle:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/tiktok_logo.png) no-repeat;
}
.sidebar .simple-image img {
  width: 100%;
  height: auto;
}
.sidebar .widget_archive ul {
  width: 100%;
}
.sidebar .widget_archive ul li {
  letter-spacing: 0.1em;
  font-size: 0.9rem;
}
.sidebar #pages-2 h4.widgettitle {
  display: none;
}
.sidebar #pages-2 ul li {
  height: 65px;
  line-height: 65px;
  border: 1px solid #cdcdcd;
}
.sidebar #pages-2 ul li a {
  font-size: 18px;
  display: block;
  position: relative;
  padding-left: 55px;
}
.sidebar #pages-2 ul li a:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}
.sidebar #pages-2 ul li.page-item-10 a:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/icon_company.png) no-repeat;
}
.sidebar #pages-2 ul li.page-item-14 a:before {
  background: url(https://atelierkawano.com/kanri/wp-content/themes/OWNED/library/images/icon_article_black.png) no-repeat;
}
.sidebar .widget_categories ul li a {
  color: #000;
}
.sidebar .widget_categories ul li a:before {
  content: 'bookmarks';
  font-family: "Material Icons";
  font-size: 0.65rem;
  padding: 0 0.3rem 0 0;
  line-height: 1;
}
.sidebar .widget_categories ul li a:hover {
  background: #000;
  color: #fff;
}
.sidebar div.popular-posts {
  counter-reset: rank_number;
}
.sidebar div.popular-posts ul.wpp-list li {
  display: flex;
  padding-bottom: 0.7rem;
  /* align-items: center; */
  /* border-bottom:1px solid #EEEEEE; */
}
.sidebar div.popular-posts ul.wpp-list li div.wpp-item-data a.wpp-post-title {
  color: #000;
}
.sidebar div.popular-posts ul.wpp-list li .wpp_thumb_wrapper {
  position: relative;
}
.sidebar div.popular-posts ul.wpp-list li .wpp_thumb_wrapper:after {
  counter-increment: rank_number;
  content: counter(rank_number);
  display: block;
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background: #ececec;
  color: #000;
  font-size: 15px;
  text-align: center;
  border-radius: 0;
}
.sidebar div.popular-posts ul.wpp-list li:nth-child(1) .wpp_thumb_wrapper:after {
  background: #fed900;
}
.sidebar div.popular-posts ul.wpp-list li:nth-child(2) .wpp_thumb_wrapper:after {
  background: #f091a0;
  color: #fff;
}
.sidebar div.popular-posts ul.wpp-list li:nth-child(3) .wpp_thumb_wrapper:after {
  background: #171b65;
  color: #fff;
}
.sidebar .wpp-cards-compact li a {
  font-size: 0.9rem !important;
}
.sidebar .widget_tag_cloud a {
  display: inline-block;
  /* border: 1px solid #000;
   padding:.1rem .7rem;
   margin: .2rem;
   border-radius: 25px;
   font-size: .85rem!important;
   letter-spacing: .1rem; */
  /* padding: .1rem 0;
   padding-right: .7rem; */
  padding: 3px 5px;
  margin-bottom: 5px;
  background: #ececec;
  border-radius: 4px;
  font-size: 16px !important;
}
.sidebar .widget_tag_cloud a:before {
  /* content:'local_offer'; */
  font-family: "Material Icons";
  font-size: 0.65rem;
  padding: 0 0.3rem 0 0;
  line-height: 1;
}
.sidebar .widget_tag_cloud a:hover {
  /* background:#000;
   color:#fff; */
}
@media only screen and (max-width: 1000px) {
  .sidebar #pages-2 ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar {
    padding: 0;
    width: 100%;
  }
  .sidebar .widget {
    padding-bottom: 30px;
  }
  .sidebar .widget ul li {
    margin-bottom: 20px;
  }
  .sidebar .widget h4.widgettitle {
    font-size: 20px;
    padding: 10px 10px 10px 45px;
  }
  .sidebar .widget h4.widgettitle:before {
    left: 10px;
  }
  .sidebar .widget#pages-2 {
    padding-bottom: 80px;
  }
  .sidebar .wpp_thumb_wrapper img {
    width: 140px;
    height: 85px;
    object-fit: cover;
  }
  .sidebar .wpp_thumb_wrapper:after {
    width: 27px !important;
    height: 27px !important;
    font-size: 19px !important;
  }
  .sidebar .wpp-cards-compact li a {
    font-size: 15px !important;
  }
  .sidebar .widget_tag_cloud a {
    font-size: 18px !important;
  }
  .sidebar #pages-2 ul li a {
    font-size: 20px !important;
  }
}
/******************************************************************
 Site Name:
 Author:
 Stylesheet: SNS Stylesheet
 ******************************************************************/
.share {
  margin: 2em 0 !important;
}
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.share ul li {
  text-align: center;
  padding: 0.5em;
  width: 100%;
  margin: 0;
}
.share ul li a {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
}
.share ul li a:hover {
  opacity: 0.8;
  color: #fff;
}
.share ul li a i {
  font-size: 1.3em;
  padding: 0 0 0.2em 0;
}
.share ul li.tweet a {
  background-color: #55acee;
}
.share ul li.facebook a {
  background-color: #315096;
}
.share ul li.hatena a {
  background-color: #008fde;
}
.share ul li.line a {
  background-color: #00c300;
}
.share ul li.pocket a {
  background-color: #f03e51;
}
.share ul li.rss a {
  background-color: #ff8c00;
}
@media (max-width: 767px) {
  .share ul {
    flex-wrap: wrap;
  }
  .share ul li {
    width: 33.333%;
    flex-basis: calc(100% / 3);
    padding: 0.3em;
  }
  .share ul li a {
    font-size: 0.75em;
  }
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: home Stylesheet
 ******************************************************************/
.home {
  margin: 0;
  padding: 0;
}
.m-all {
  overflow: hidden;
}
.m-all .head_child {
  margin-bottom: 20px;
  position: relative;
}
.m-all .head_child h2 {
  background: #ececec;
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  padding: 10px 10px 10px 50px;
  line-height: 30px;
  position: relative;
}
.m-all .head_child h2 img {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}
.m-all .head_child a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  font-size: 16px;
}
.m-all .error {
  margin-bottom: 20px;
}
ul.four_column {
  display: flex;
  flex-wrap: wrap;
}
ul.four_column > li {
  /* flex-basis : calc(100% / 3) ;
   width : 33.33333% ;
   padding: 2%; */
  /* flex-basis : calc((100% - 20px) / 2) ;
   width : calc((100% - 20px) / 2) ; */
  flex-basis: calc((100% - 40px) / 3);
  width: calc((100% - 40px) / 3);
  max-width: calc((100% - 40px) / 3);
  padding: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #d2d2d2;
}
ul.four_column > li article img {
  width: 100%;
  height: 165px;
  /* height:130px; */
  /* height: 220px; */
  object-fit: cover;
  vertical-align: middle;
}
ul.four_column > li article > div h3 {
  margin: 0;
  padding: 0;
}
ul.four_column > li article > div h3 a.blog_title {
  display: block;
  color: #000;
  /* color:#363636;
   font-size:.9rem; */
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05rem;
  padding: 0.5rem 0;
}
ul.four_column > li article > div ul.post-categories li {
  /* color: $white;
   background:$dark-gray; */
}
ul.four_column > li article > div ul.post-categories li a {
  color: #000;
  background: #dedede;
  padding: 0.1rem 0.5rem;
  font-size: 14px;
  /* font-size:.75rem; */
  /* letter-spacing: .07em; */
  border-radius: 2px;
  display: inline-block;
}
ul.four_column > li article > div ul.post-categories li a:hover {
  /* background:$black; */
  opacity: 0.8;
}
ul.four_column > li article > div time {
  /* font-size:.7rem; */
  font-size: 14px;
  color: #717171;
  letter-spacing: 0.08rem;
}
ul.four_column > li article .content_btm {
  padding: 10px;
  /* border-right: 1px solid #d2d2d2;
   border-left: 1px solid #d2d2d2;
   border-bottom: 1px solid #d2d2d2; */
}
ul.four_column > li.nothing {
  width: 100%;
  flex-grow: 3;
}
ul.four_column > li.nothing article {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #dedede;
}
ul.four_column > li.nothing article header {
  border: none;
}
ul.four_column > li.nothing article header h3 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #959595;
}
ul.four_column > li.nothing article section {
  border: none;
}
ul.four_column > li.nothing article section p {
  margin: 0;
  padding: 0;
  color: #959595;
  font-weight: bold;
  line-height: 1;
}
ul.four_column > li.nothing article footer {
  border: none;
}
ul.four_column > li.nothing article footer a {
  background: #959595;
  color: #fff;
  font-size: 0.8em;
  padding: 0.6em 1em;
  border-radius: 3px;
  font-weight: bold;
}
ul.four_column > li.nothing article footer a:hover {
  background: #000;
  color: #fff;
}
ul.four_column > li:nth-child(3n) {
  margin-right: 0;
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
@media (max-width: 767px) {
  .m-all .head_child {
    margin-bottom: 15px;
  }
  .m-all .head_child h2 {
    font-size: 16px;
    margin: 0;
    padding: 10px 10px 10px 35px;
    line-height: 30px;
  }
  .m-all .head_child h2 img {
    left: 5px;
  }
  .m-all .head_child a {
    right: 10px;
    font-size: 12px;
  }
  ul.four_column {
    /* display:flex;
     flex-wrap:wrap; */
    display: block;
    width: 1440px;
  }
  ul.four_column > li {
    /* flex-basis : calc(100% / 2) ;
     width : 50% ;
     padding: 2%; */
    /*flex-basis : calc(98% / 2) ;
     width : 49% ; */
    width: 225px;
    float: left;
    padding: 0;
    /* margin-right: 2%;
     margin-bottom: 2%; */
    margin-right: 15px;
    margin-bottom: 40px;
  }
  ul.four_column > li article img {
    width: 100%;
    height: 130px;
    object-fit: cover;
  }
  ul.four_column > li article .content_btm {
    padding: 5px;
  }
  ul.four_column > li article > div h3 a.blog_title {
    font-size: 14px;
  }
  ul.four_column > li article > div time {
    font-size: 13px;
  }
  ul.four_column > li.nothing article {
    flex-direction: column;
    height: auto;
    padding: 0;
  }
  ul.four_column > li:nth-child(3n) {
    margin-right: 15px;
  }
  ul.four_column > li:nth-child(2n) {
    /* margin-right: 0; */
  }
  ul.four_column:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
  }
}
@media (max-width: 360px) {
  .m-all .head_child h2 {
    font-size: 12px;
  }
  .m-all .head_child a {
    font-size: 10px;
  }
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: home Stylesheet
 ******************************************************************/
#content header.article-header {
  border-bottom: 1px solid #171b65;
}
#content header.article-header #subpages-header {
  text-align: center;
  padding: 50px 0;
  margin-bottom: 0;
}
#content header.article-header #subpages-header div h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  color: #171b65;
}
#content header.article-header #subpages-header div span {
  font-size: 25px;
  color: #171b65;
}
#content header.article-header #subpages-header div span:before {
  content: '';
}
#content article.page header {
  padding: 1rem 0 0;
  border: none;
}
#content article.page header #subpages-header {
  text-align: center;
  border-bottom: 1px solid #999;
  padding-bottom: 4rem;
  margin-bottom: 3rem;
}
#content article.page header #subpages-header div h1 {
  font-size: 1.5rem;
  margin: 0;
  color: #000;
}
#content article.page header #subpages-header div span {
  font-size: 0.8rem;
  color: #000;
  letter-spacing: 0.1rem;
  color: #999;
}
#content article.page section {
  border: none;
}
#content article.page section .tiny_wrap h2 {
  border-bottom: 1px solid #171b65;
  border-left: 6px solid #171b65;
  background: #fff;
  color: #171b65;
  font-weight: bold;
  font-size: 22px;
  margin: 0;
  padding: 10px 10px 10px 10px;
  line-height: 25px;
  margin-bottom: 20px;
}
#content article.page section .tiny_wrap h2 + p {
  font-size: 16px !important;
  margin: 0 !important;
}
#content article.page footer {
  border: none;
}
#content.pageID_6 header.article-header #subpages-header div span:before {
  content: 'contact';
}
#content.pageID_8 header.article-header #subpages-header div span:before {
  content: 'privacy';
}
#content.pageID_10 header.article-header #subpages-header div span:before {
  content: 'about';
}
#content.pageID_14 header.article-header #subpages-header div span:before {
  content: 'activities';
}
@media (max-width: 767px) {
  #content article.page section .tiny_wrap h2 {
    font-size: 20px;
  }
  #content article.page section .tiny_wrap h2 + p {
    font-size: 16px !important;
  }
}
/*━━━━━━━━━━━━━about━━━━━━━━━━━━━*/
.about article section .about_wrap {
  margin: 40px 12% 90px;
  text-align: center;
}
.about article section .about_wrap h2 {
  font-size: 22px !important;
  padding: 0 !important;
  border: none !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
}
.about article section .about_wrap .about_txt {
  line-height: 1.8;
}
.about article section .about_wrap .img_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px !important;
}
.about article section .about_wrap .img_wrap .item {
  margin: 0;
  width: 50%;
}
.about article section .about_wrap .img_wrap .item img {
  width: 100%;
  vertical-align: middle;
  object-fit: cover;
}
.about article section table {
  margin: 30px 0;
}
.about article section table th {
  border-bottom: 1px solid #d8d8d8;
  padding-left: 5px;
  width: 20%;
}
.about article section table td {
  border-bottom: 1px solid #d8d8d8;
  padding-left: 5px;
  height: 80%;
}
.about article section table td a:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .about article section .about_wrap {
    margin: 20px auto;
    text-align: left;
  }
  .about article section .about_wrap h2 {
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
  }
  .about article section .about_wrap .about_txt {
    line-height: 1.5;
  }
  .about article section .about_wrap .img_wrap {
    margin-top: 35px !important;
  }
  .about article section .about_wrap .img_wrap .item {
    width: 100%;
  }
  .about article section table {
    border-bottom: none;
    margin: 30px 0;
  }
  .about article section table th {
    border-bottom: none;
    width: 100%;
  }
  .about article section table td {
    border-bottom: none;
    height: 100%;
  }
}
/*━━━━━━━━━━━━━activites━━━━━━━━━━━━━*/
.activities article section .activities_wrap {
  margin: 0 auto 80px;
  text-align: left;
}
.activities article section .activities_wrap h2 {
  color: #000 !important;
  font-size: 30px !important;
  padding: 0 !important;
  border: none !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
}
.activities article section .activities_wrap h2 span {
  font-size: 22px;
}
.activities article section .activities_wrap .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.activities article section .activities_wrap .box .item {
  margin: 0;
  width: 48%;
  line-height: 2;
}
.activities article section .activities_wrap .box .item img {
  width: 95%;
  vertical-align: middle;
  object-fit: cover;
}
.activities article section .activities_wrap .box .item:last-child {
  text-align: right;
}
.activities article section .activities_wrap:first-child {
  margin-top: 40px;
}
.activities article section .activities_wrap:nth-child(2n) h2 {
  margin-left: 52% !important;
}
.activities article section .activities_wrap:nth-child(2n) .box {
  flex-direction: row-reverse;
}
.activities article section .activities_wrap:nth-child(2n) .box .item:last-child {
  text-align: left;
}
@media (max-width: 767px) {
  .activities article section .activities_wrap {
    margin: 20px auto;
  }
  .activities article section .activities_wrap h2 {
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
  }
  .activities article section .activities_wrap h2 span {
    font-size: 16px;
  }
  .activities article section .activities_wrap .box .item {
    width: 100%;
    line-height: 1.5;
    text-align: left;
  }
  .activities article section .activities_wrap .box .item:first-child {
    padding-bottom: 10px;
  }
  .activities article section .activities_wrap .box .item:last-child {
    text-align: center;
  }
  .activities article section .activities_wrap:first-child {
    margin-top: 20px;
  }
  .activities article section .activities_wrap:nth-child(2n) h2 {
    margin-left: 0 !important;
  }
  .activities article section .activities_wrap:nth-child(2n) .box {
    flex-direction: row-reverse;
  }
  .activities article section .activities_wrap:nth-child(2n) .box .item:last-child {
    text-align: center;
  }
}
/*━━━━━━━━━━━━━privacy━━━━━━━━━━━━━*/
.privacy-policy article section h2 {
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.privacy-policy article section h3 {
  color: #000;
  font-size: 1rem;
  font-weight: bold;
}
.privacy-policy article section p {
  font-size: 1rem;
  margin-bottom: 2rem;
}
/*━━━━━━━━━━━━━inquire━━━━━━━━━━━━━*/
.contact article section ul {
  margin-top: 3rem;
  border: 3px solid #f3f3f3;
  padding: 1rem;
}
.contact article section ul li {
  font-size: 0.9rem;
  color: #000;
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
@media (max-width: 767px) {
  #content header.article-header {
    border-top: 1px solid #171b65;
  }
  #content header.article-header #subpages-header {
    text-align: center;
    /* border-bottom:1px dotted $black; */
    padding: 3rem 0;
  }
  #content header.article-header #subpages-header div {
    /* color:$black; */
    /* color:$black;
     letter-spacing: .1rem;
     color:$dark-gray; */
  }
  #content header.article-header #subpages-header div h1 {
    font-size: 1.2rem;
    margin: 0;
  }
  #content header.article-header #subpages-header div span {
    font-size: 0.8rem;
  }
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: home Stylesheet
 ******************************************************************/
.blog_single article.article-content {
  padding-bottom: 2rem;
  border-radius: 0;
}
.blog_single article.article-content header.article-info {
  /* margin-bottom:1.5rem; */
  margin-bottom: 15px;
  border: none;
  padding: 0;
}
.blog_single article.article-content header.article-info span.article_cat {
  /* color: $white;
   background:$dark-gray; */
}
.blog_single article.article-content header.article-info span.article_cat a {
  padding: 0.1rem 0.5rem;
  letter-spacing: 0.07em;
  /* font-size:.75rem; */
  /* border-radius: 2px; */
  display: inline-block;
  color: #000;
  font-size: 14px;
  border-radius: 3px;
  background: #dedede;
}
.blog_single article.article-content header.article-info span.article_cat a:hover {
  /* background:$black; */
  opacity: 0.8;
}
.blog_single article.article-content header.article-info span.article-date {
  /* font-size:.85rem;
   color:#000;
   padding:0 1rem;
   letter-spacing: .1rem; */
  display: block;
  font-size: 14px;
  color: #717171;
  padding: 5px 0;
}
.blog_single article.article-content header.article-info span.article_author {
  display: block;
  color: #000;
  font-size: 16px;
  margin-top: 10px;
}
.blog_single article.article-content header.article-info h1 {
  /* font-size: 1.5rem; */
  /* color:#000; */
  font-weight: bold;
  margin: 0;
  color: #0a0a0a;
  font-size: 22px;
  padding: 10px;
  background: #ececec;
}
.blog_single article.article-content section div.article-img img {
  width: 100%;
  height: auto;
}
.blog_single article.article-content section div.article_content {
  padding-bottom: 3rem;
}
.blog_single article.article-content section div.article_content p {
  font-size: 1rem !important;
  line-height: 1.7;
}
.blog_single article.article-content section div.article_content h3 {
  border-left: 5px solid #888;
  padding-left: 10px;
}
.blog_single article.article-content footer {
  padding: 1.2rem 0 1.5rem;
  padding: 20px 15px;
  border-top: none;
  background: #ececec;
}
.blog_single article.article-content footer .article-tag {
  border-radius: 0;
}
.blog_single article.article-content footer .article-tag ul li {
  display: inline-block;
  color: #000;
}
.blog_single article.article-content footer .article-tag ul li a {
  /* font-weight: bold;
   margin:.15rem;*/
  display: inline-block;
  /* border: 1px solid #000; */
  padding: 0 0.7rem;
  font-size: 16px;
  /* margin: .2rem;
   border-radius: 25px;
   font-size: .9rem;
   font-weight: normal;
   letter-spacing: .1rem; */
  color: #000;
}
.blog_single article.article-content footer .article-tag ul li a:before {
  /* content:'bookmarks'; */
  font-family: "Material Icons";
  font-size: 0.8rem;
  padding: 0 0.3rem 0 0;
  line-height: 1;
}
.blog_single article.article-content footer .article-tag ul li a:hover {
  opacity: 0.8;
  /* background:#000;
   color:#fff; */
}
.blog_single article.article-content nav.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-top: 1px solid #eee;
   border-bottom:1px solid #eee; */
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  padding: 1em 0;
}
.blog_single article.article-content nav.post-navigation .nav-links a {
  color: #363636;
  font-size: 0.9rem;
}
.blog_single article.article-content nav.post-navigation .nav-links > div {
  display: flex;
  align-items: center;
}
.blog_single article.article-content nav.post-navigation .nav-links > div span.material-icons {
  font-size: 2em;
}
.blog_single aside.asides .the_title:before {
  content: none;
}
.blog_single aside.asides .the_title h2 {
  padding-left: 10px;
  color: #0a0a0a;
  border: none;
  background: #ececec;
}
@media (max-width: 767px) {
  nav.post-navigation .nav-links a {
    font-size: 0.85em;
  }
}
ul.newPosts {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #eaedf2;
}
ul.newPosts > li {
  border-bottom: 1px solid #eaedf2;
}
ul.newPosts > li:last-child {
  border-bottom: none;
}
ul.newPosts > li article {
  flex-basis: 100%;
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: stretch;
}
ul.newPosts > li article > a img {
  width: 160px;
  height: 90px;
  object-fit: cover;
  display: inline-block;
}
ul.newPosts > li article > div {
  padding: 0 0.5rem;
  width: 100%;
}
ul.newPosts > li article > div span.article-date {
  font-size: 0.7rem;
  letter-spacing: 0.08rem;
}
ul.newPosts > li article > div h3.title {
  padding: 0;
  margin: 0;
}
ul.newPosts > li article > div h3.title a.blog_title {
  display: block;
  color: #363636;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  padding: 0.5rem 0;
}
ul.newPosts > li article > div ul.post-categories li {
  padding: 0;
}
ul.newPosts > li article > div ul.post-categories li a {
  color: #fff;
  background: #999;
  padding: 0.1rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 2px;
  /* letter-spacing: .07em; */
  display: inline-block;
}
ul.newPosts > li article > div ul.post-categories li a:hover {
  background: #000;
}
@media only screen and (max-width: 767px) {
  ul.newPosts > li article > a img {
    width: 120px;
    height: 100px;
    object-fit: cover;
    display: block;
  }
}
/******************************************************************
 Site Name:the owned
 Author:aww design
 Stylesheet: archive Stylesheet
 ******************************************************************/
.archive div#inner-content, .search div#inner-content {
  width: 100%;
}
.archive div#inner-content main#main, .search div#inner-content main#main {
  display: flex;
  flex-direction: column;
}
.archive div#inner-content main#main div.title, .search div#inner-content main#main div.title {
  position: relative;
  margin-bottom: 20px;
}
.archive div#inner-content main#main div.title > div, .search div#inner-content main#main div.title > div {
  display: flex;
  align-items: center;
}
.archive div#inner-content main#main div.title > div span.material-icons, .search div#inner-content main#main div.title > div span.material-icons {
  color: #999;
  font-size: 0.9rem;
  padding-right: 0.2rem;
}
.archive div#inner-content main#main div.title > div span.name, .search div#inner-content main#main div.title > div span.name {
  color: #999;
  letter-spacing: 0.1rem;
  font-size: 1rem;
}
.archive div#inner-content main#main div.title h1, .search div#inner-content main#main div.title h1 {
  /* border-bottom: 1px solid #171b65;
   border-left: 6px solid #171b65;
   background: #fff;
   color: #171b65; */
  /* font-size:1.3rem; */
  font-weight: bold;
  margin: 0;
  color: #000;
  font-size: 22px;
  /* border-bottom:1px solid #EEEEEE!important;
   padding-bottom:1rem; */
  padding: 10px 10px 10px 50px;
  background: #ececec;
}
.archive div#inner-content main#main div.title h1 img, .search div#inner-content main#main div.title h1 img {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}
.archive div#inner-content main#main div.title.ttl_auther h1, .search div#inner-content main#main div.title.ttl_auther h1, .archive div#inner-content main#main div.title.ttl_tag h1, .search div#inner-content main#main div.title.ttl_tag h1, .archive div#inner-content main#main div.title.ttl_search h1, .search div#inner-content main#main div.title.ttl_search h1 {
  padding: 10px 10px 10px 10px;
}
.archive div#inner-content main#main div.title.ttl_auther h1:before, .search div#inner-content main#main div.title.ttl_auther h1:before, .archive div#inner-content main#main div.title.ttl_tag h1:before, .search div#inner-content main#main div.title.ttl_tag h1:before, .archive div#inner-content main#main div.title.ttl_search h1:before, .search div#inner-content main#main div.title.ttl_search h1:before {
  content: none;
}
.archive div#inner-content main#main > article, .search div#inner-content main#main > article {
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0 0 20px;
  /* margin:.5rem 0;
   padding:1rem 0;
   border-bottom:1px solid #EEEEEE!important; */
  padding: 20px;
  border: 1px solid #d2d2d2 !important;
  border-radius: 0;
}
.archive div#inner-content main#main > article header.article-header, .search div#inner-content main#main > article header.article-header {
  padding: 0;
  border: 0;
}
.archive div#inner-content main#main > article header.article-header a, .search div#inner-content main#main > article header.article-header a {
  /* width:250px;
   height:170px; */
}
.archive div#inner-content main#main > article header.article-header a img, .search div#inner-content main#main > article header.article-header a img {
  width: 285px;
  height: 175px;
  vertical-align: middle;
  object-fit: cover;
}
.archive div#inner-content main#main > article > div, .search div#inner-content main#main > article > div {
  padding: 0 1rem;
}
.archive div#inner-content main#main > article > div section.entry-content, .search div#inner-content main#main > article > div section.entry-content {
  width: 100%;
  padding: 0px;
  display: flex;
  flex-direction: column;
  border: none !important;
}
.archive div#inner-content main#main > article > div section.entry-content span.article-date, .search div#inner-content main#main > article > div section.entry-content span.article-date {
  /* font-size:.85rem; */
  font-size: 14px;
  padding: 0.1rem 0;
  color: #717171;
  /* color:#000; */
  letter-spacing: 0.1rem;
}
.archive div#inner-content main#main > article > div section.entry-content h2, .search div#inner-content main#main > article > div section.entry-content h2 {
  margin: 0.5rem 0 0.7rem;
  font-size: 18px;
  /* font-size: 1.1rem; */
}
.archive div#inner-content main#main > article > div section.entry-content h2 a, .search div#inner-content main#main > article > div section.entry-content h2 a {
  color: #000;
}
.archive div#inner-content main#main > article > div section.entry-content p, .search div#inner-content main#main > article > div section.entry-content p {
  /* font-size:.8rem; */
  font-size: 16px !important;
  margin-bottom: 10px;
}
.archive div#inner-content main#main > article > div footer.article-footer, .search div#inner-content main#main > article > div footer.article-footer {
  border: 0;
  padding: 0;
}
.archive div#inner-content main#main > article > div footer.article-footer span.article_cat, .search div#inner-content main#main > article > div footer.article-footer span.article_cat {
  /* color: $white;
   background:$dark-gray; */
}
.archive div#inner-content main#main > article > div footer.article-footer span.article_cat a, .search div#inner-content main#main > article > div footer.article-footer span.article_cat a {
  color: #000;
  background: #dedede;
  padding: 0.1rem 0.5rem;
  font-size: 14px;
  /* font-size:.75rem; */
  /* letter-spacing: .07em; */
  border-radius: 2px;
  display: inline-block;
}
.archive div#inner-content main#main > article > div footer.article-footer span.article_cat a:hover, .search div#inner-content main#main > article > div footer.article-footer span.article_cat a:hover {
  /* background:$black; */
  opacity: 0.8;
}
.archive.notes h1.page-title:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_notes.png) no-repeat;
}
.archive.event h1.page-title:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_event.png) no-repeat;
}
.archive.gourmet h1.page-title:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_gourmet.png) no-repeat;
}
.archive.aitaka h1.page-title:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_aitaka.png) no-repeat;
}
.archive.disaster h1.page-title:before {
  background: url(http://atelierkawano.com/kanri/wp-content/uploads/2020/11/cat_disaster.png) no-repeat;
}
/*━━━━━━━━━━━━━resp━━━━━━━━━━━━━*/
@media (max-width: 1000px) {
  .archive div#inner-content main#main > article header.article-header a img, .search div#inner-content main#main > article header.article-header a img {
    width: 185px;
  }
}
@media (max-width: 767px) {
  .archive div#inner-content main#main > article, .search div#inner-content main#main > article {
    flex-direction: column;
    width: 100%;
  }
  .archive div#inner-content main#main > article header.article-header a img, .search div#inner-content main#main > article header.article-header a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
}