@charset "UTF-8";
html,
body,
h1,
h2,
h3,
h4,
h5,
ol,
dl,
dt,
dd,
div,
span,
img,
a,
table,
tr,
th,
td,
article,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
i {
  font-style: normal !important; }
ol,
ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0; }
article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
  display: block; }
h1,
h2,
h3,
h4,
h5 {
  font-weight: 500; }
a,
a:link,
a:visited {
  text-decoration: none;
  color: #524e4d; }
a {
  -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
  transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
a:hover {
  color: #0094c8; }

input[type="text"],
input[type="search"],
input[type="search"]:hover,
input[type="button"],
input[type="submit"],
textarea,
text {
  -webkit-appearance: none; }

input::-webkit-input-placeholder {
  color: #ccc; }

input:focus {
  outline: 0; }

@media (max-width: 767px) {
  strong {
    font-weight: 700; } }
@media (min-width: 768px) {
  strong {
    font-weight: 600; } }



    .todays_pickup_box { background: #f93;}/*インスタの緑のフチの設定*/
    .todays_pickup_box h2 {color: #fff;text-align: center;line-height: 1.5;font-weight: bold;}
    .todays_pickup_box p {color: #fff;margin: 0;text-align: center;line-height: 1.5;font-weight: bold;}

/* 共通CSS */
/* CSS Document */
html,
body,
header,
footer {
  margin: 0;
  padding: 0;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
 }

@media (max-width: 767px) {
  body {
    margin:0;   
    font-weight: 400; } }
@media (min-width: 768px) { 
  body {
    margin:0;   
    font-weight: 300; } }

.clearfix {
  clear: both; }

.text-off {
  display: none; }

.right {
  text-align: right; }

.logo-left {
  text-align: left; }

.tn_off,
.tn_search_off,
.tn_sns_off,
.header_off {
  display: none !important; }

@media (max-width: 767px) {
  .sp-fix {
    position: fixed !important; } }

#wrapper {
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF;
  overflow: hidden; }
  @media (max-width: 767px) {
    #wrapper {
      position: relative; } }

@media (min-width: 768px) {
/* PCで表示させないもの「cps-sp-menu-bar,」があった */
.sp-sidemenu-wrapper,
header #navtoggle,
.sp-menu-box,

.jin-sp-design {
  display: none; } }
/* コンテンツエリア */
#contents {
  padding-top: 10px;
  margin: 0 auto; }
  #contents::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 767px) {
    #contents {
      padding-top: 0;
      margin-top: 0px; } }
  @media (min-width: 768px) {
    #contents {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 10px; } }
  @media (min-width: 835px) and (max-width: 1199px) {
    #contents {
      width: 100%; } }
  @media (min-width: 1200px) {
    #contents {
      width: 1200px; } }

@media (max-width: 767px) {
  #main-contents-one {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px; } }
@media (min-width: 768px) {
  #main-contents-one {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px; } }

@media (max-width: 767px) {
  #main-contents {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px; } }
@media (min-width: 768px) {
  #main-contents {
    width: calc(66.6666666667% - 16.6666666667px);
    float: left;
    margin-left: 10px; } }
@media (min-width: 1024px) {
  #main-contents {
    width: calc(67.5% - 50.25px);
    float: left;
    margin-left: 30px;
    margin-bottom: 0; } }

/*サイドバーエリア*/
@media (max-width: 767px) {
  #sidebar {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px; } }
@media (min-width: 768px) {
  #sidebar {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
    max-width: 350.25px !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; } }
@media (min-width: 1024px) {
  #sidebar {
    width: calc(32.5% - 39.75px);
    float: left;
    margin-left: 30px;
    max-width: 350.25px !important; } }

/* トップへ戻るボタン */
@media (max-width: 767px) {
  .page-top-footer {
    display: none; 
    } }
@media (min-width: 768px) {
  .page-top-footer {
    position: absolute;
    right: 15px;
    top: 11px; }
    .page-top-footer a.totop {
      font-size: 2rem;
      padding: 9px 30px 9px 30px;
      line-height: 0;
      color: #f96;
      cursor: pointer; }
      .page-top-footer a.totop .jin-ifont-arrow-top:before {
        -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
    .page-top-footer a:hover .jin-ifont-arrow-top:before {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px); } }
@media (min-width: 1024px) {
  .page-top-footer {
    right: -2px; } }

#page-top {
  position: fixed;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media (max-width: 767px) {
    #page-top {
      right: 20px;/*スマホTopボタンの位置*/
      bottom: 20px;
      z-index: 1 !important; } }
  @media (min-width: 768px) {
    #page-top {
      right: 22px;
      bottom: 22px;
      z-index: 9999; } }
/*上に行く矢印ボタン*/
#page-top a {
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-align: center;
  line-height: 0;
  border-radius: 30px; }
  @media (max-width: 767px) {
    #page-top a {
      width: 42px;
      height: 42px;
      padding: 8px;
      padding-top: 10px;
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    #page-top a {
      width: 45px;
      height: 45px;
      padding: 8px;
      font-size: 1.6rem; } }
  #page-top a .jin-ifont-arrow-top:before {
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

#page-top a:hover .jin-ifont-arrow-top:before {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px); }

/* スマホのエリア境界に使用する装飾 */
.area-border {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #2b2b2b;
  margin: 0 auto;
  opacity: 0.3; }
  @media (max-width: 767px) {
    .area-border {
      margin-top: 40px;
      width: 80px; } }

.area-border:before,
.area-border:after,
.area-border2:before,
.area-border2:after {
  content: "・・・";
  position: absolute;
  top: 2px;
  font-size: 21px;
  color: #2b2b2b;
  line-height: 0;
  letter-spacing: -6px; }
  @media (max-width: 767px) {
    .area-border:before,
    .area-border:after,
    .area-border2:before,
    .area-border2:after {
      top: 1px; } }
  @media (min-width: 768px) {
    .area-border:before,
    .area-border:after,
    .area-border2:before,
    .area-border2:after {
      display: none !important; } }

.area-border:before,
.area-border2:before {
  left: -55px; }

.area-border:after,
.area-border2:after {
  right: -50px; }

@media (max-width: 767px) {
  .area-border2 {
    position: relative;
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background: #2b2b2b;
    opacity: 0.3;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px; } }

/* アニメーションCSS */
/* CSS Document */
@keyframes down-fade-animation {
  0% {
    transform: translateY(-60px);
    filter: opacity(0); }
  100% {
    transform: translateY(0px);
    filter: opacity(1); } }
@keyframes up-fade-animation {
  0% {
    transform: translateY(10px);
    filter: opacity(0); }
  100% {
    transform: translateY(0px);
    filter: opacity(1); } }
@keyframes fade-animation {
  0% {
    filter: opacity(0); }
  100% {
    filter: opacity(1); } }
@keyframes pickup-animate {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes pickup-menu-animate {
  0% {
    transform: translateY(30px);
    filter: opacity(0); }
  100% {
    transform: translateY(0px);
    filter: opacity(1); } }
@keyframes cps-info-animate {
  0% {
    transform: translateX(-10px);
    filter: opacity(0); }
  100% {
    transform: translateX(0px);
    filter: opacity(1); } }
@keyframes cps-info-icon-animate {
  0% {
    transform: translateX(0px);
    filter: opacity(1); }
  100% {
    transform: translateX(10px);
    filter: opacity(0); } }
@keyframes sp-sidemenu-animate {
  0% {
    transform: translateY(10px);
    animation-timing-function: ease-out;
    filter: opacity(0); }
  45% {
    transform: translateY(-7px);
    animation-timing-function: ease-out;
    filter: opacity(1); }
  100% {
    transform: translateY(0px);
    filter: opacity(1);
    animation-timing-function: ease-out; } }
@keyframes sp-sidemenu-btn-animate {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.85); }
  60% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }
@keyframes sp-sidemenu-search-animate {
  0% {
    transform: translateX(0px);
    filter: opacity(0); }
  80% {
    transform: translateX(-325px);
    filter: opacity(1); }
  100% {
    transform: translateX(-320px);
    filter: opacity(1); } }
@media (max-width: 767px) {
  .header-box.animate {
    animation-name: down-fade-animation;
    animation-duration: 0.6s; }

  .cps-info-bar.animate {
    animation-name: cps-info-animate;
    animation-duration: 0.6s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 4; }

  .cps-info-bar.animate:after {
    animation-name: cps-info-icon-animate;
    animation-duration: 1.5s;
    animation-delay: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    filter: opacity(1);
    z-index: 4; }

  .cps-icon-bar.animate,
  .headsearch.animate .search-box:before {
    animation-name: fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 4; }

  .cps-sp-menu-bar.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.5s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 10; }

  .main-contents.animate,
  .pickup-contents-box.animate,
  .pickup-contents-box-post-type.animate,
  .main-image.animate {
    animation-name: pickup-animate;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    z-index: 10; } }
@media (min-width: 768px) {
  .header-box.animate {
    animation-name: down-fade-animation;
    animation-duration: 0.6s; }

  .header.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 4; }

  .header-style3-animate.animate,
  .header-style4-animate.animate,
  .header-style5-animate.animate,
  .header-style7-animate.animate {
    animation-name: fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 4; }

  .header-style6-animate.animate,
  .header-style8-animate.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 4; }

  .header-style9-animate.animate {
    animation-name: pickup-animate;
    animation-duration: 0.6s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4; }

  .cps-info-bar.animate {
    animation-name: cps-info-animate;
    animation-duration: 0.8s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 4; }

  .pickup-contents-box-post-type.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.8s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0);
    position: relative;
    z-index: 2; }

  .main-contents.animate,
  .sideber.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.8s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    filter: opacity(0); }

    .pickup-contents-box.animate {
      position: relative;
      z-index: 3; }
      .pickup-contents-box.animate li:nth-child(1) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 0.19s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(2) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 0.38s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(3) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 0.57s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(4) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 0.76s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(5) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 0.95s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(6) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 1.14s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(7) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 1.33s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(8) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 1.52s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(9) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 1.71s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(10) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 1.9s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(11) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 2.09s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
      .pickup-contents-box.animate li:nth-child(12) {
        animation-name: pickup-menu-animate;
        animation-duration: 0.8s;
        animation-delay: 2.28s;
        animation-fill-mode: forwards;
        filter: opacity(0); }
  
        .cps-info-bar.animate a span:after {
          animation-name: cps-info-icon-animate;
          animation-duration: 1.7s;
          animation-delay: 1.4s;
          animation-fill-mode: forwards;
          animation-timing-function: ease;
          animation-iteration-count: infinite;
          filter: opacity(1);
          z-index: 4; }
  
    .main-image.animate {
      animation-name: fade-animation;
      animation-duration: 0.8s;
      animation-delay: 0.6s;
      animation-fill-mode: forwards;
      filter: opacity(0);
      position: relative;
      z-index: 3; } }

/* swiper */
.swiper-button-next,
.swiper-button-prev {
  top: 32% !important;
  color: #ccc !important;
  background-size: 13px 22px !important;
  filter: grayscale(0); }

.swiper-button-next {
  right: 5px !important;
  background-image: none !important; }

.swiper-button-prev {
  left: 5px !important;
  background-image: none !important; }

.swiper-button-next:after,
.swiper-button-prev:after {
  position: absolute;
  font-family: "jin-icons";
  font-size: 26px;
  top: 0;
  color: #fff;
  text-shadow: 0 0 2px #aaa;
  -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
  transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

  .swiper-button-next:after {
    content: "\e904";
    right: 0; }
  
  .swiper-button-prev:after {
    content: "\e933";
    left: 0; }

.swiper-button-prev:hover:after {
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px); }

.swiper-button-next:hover:after {
  -webkit-transform: translateX(3px);
  transform: translateX(3px); }

  @media (max-width: 767px) {
    .swiper-pagination-bullet {
      width: 6px !important;
      height: 6px !important; } }
  @media (min-width: 768px) {
    .swiper-pagination-bullet {
      width: 6px !important;
      height: 6px !important; } }
  
  @media (max-width: 767px) {
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom, .swiper-pagination-fraction {
      bottom: 0px !important; } }

/* ヘッダー */
/* CSS Document */
#header-box {
  width: 100%;}
  @media (max-width: 767px) {
    #header-box {
      list-style-type: none!important;
      background-image: none;
      position: relative;
      padding-bottom: 0px;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      overflow: hidden; } }
      @media (min-width: 768px) {
        #header-box {
          min-height: 60px; } }

#header {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767px) {
    #header {
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    #header {
      width: 100%;
      padding: 0 20px; } }
  @media (min-width: 1200px) {
    #header {
      width: 1200px; } }
  #header #site-info {
    font-feature-settings: "palt"; }
    @media (max-width: 767px) {
 /*スマホ用home画面*/     
      #header #site-info {
        max-width: 100%;/*top画面のヘッダーに影響出るので100%で*/
        min-width: 100%;/*top画面のヘッダーに影響出るので100%で*/
        padding: 0 0px ; } } 
/*スマホ用各ページ画面*/   
        @media (max-width: 767px) {
          #header #site-info2 {
            max-width: 75%;
            margin-top: 1px ;} } /*スマホの各ページヘッダーのロゴの位置*/


    @media (min-width: 768px) {
      #header #site-info {
        margin-right: 40px;
        min-width: 100px;
        max-width: 140px; } }
    @media (min-width: 1200px) {
      #header #site-info {
        margin-right: auto;
        min-width: 100px;
        max-width: 250px;  }} 
    @media (min-width: 768px) {
    #header #site-info .tn-logo-size {
        overflow: hidden; } }
    #header #site-info img {
      size: 0vmax; }



@media (max-width: 767px) {
  .cps-sp-menu-bar {
    padding: 9px 5px 9px 5px;
    background-color: #fff;
    color: #fff;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .cps-sp-menu-bar ul {
      display: table; }
      .cps-sp-menu-bar ul li {
        display: table-cell; }
        .cps-sp-menu-bar ul li a {
          display: block;
          margin: 0 3px;
          color: #000;
          font-size: 0.75rem;
          letter-spacing: 0px;
          padding: 2px 8px 3px 8px;
          font-weight: 500;
          font-feature-settings: "palt"; }
      .cps-sp-menu-bar ul span {
        padding-right: 3px; }
      .cps-sp-menu-bar ul .current-menu-item a {
        border-bottom: 1px solid #ccc; } }
@media (max-width: 767px) {
  .cps-info-bar,
  .cps-info-bar.animate {
    position: relative; } }
@media (min-width: 768px) {
  .cps-info-bar,
  .cps-info-bar.animate {
    z-index: 2; } }
.cps-info-bar a,
.cps-info-bar.animate a {
  display: block;
  width: 100%;
  background-color: #f93 !important;/*各ページinfoバーの色*/
  color: #090 !important;/*各ページinfoバーの文字色*/
  text-align: center;
  font-size: 0.85rem;
  -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
  transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  @media (max-width: 767px) {
    .cps-info-bar a,
    .cps-info-bar.animate a {
      font-weight: 600;
      padding: 6px 40px;
      letter-spacing: 0;
      line-height: 1.15rem; } }
  @media (min-width: 768px) {
    .cps-info-bar a,
    .cps-info-bar.animate a {
      font-weight: 600;
      font-size: 1rem;
      padding: 7px 15px 8px 15px;
      letter-spacing: 1; }
      .cps-info-bar a span,
      .cps-info-bar.animate a span {
        position: relative;
        display: inline-block; }
      .cps-info-bar a span:after,
      .cps-info-bar.animate a span:after {
        position: absolute;
        font-family: "jin-icons";       
        color: #fff !important;
        top: 4px; } }
.cps-info-bar a:hover,
.cps-info-bar.animate a:hover {
  opacity: 0.9; }

@media (max-width: 767px) {
  .cps-info-bar:after,
  .cps-info-bar.animate:after {
    position: absolute;
    font-family: "jin-icons";
    content: "\";
    color: #fff !important;
    right: 32px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 0;
    height: 15px; } }

    @media (max-width: 767px) {
      #headmenu {
      display: flex; } }

@media (min-width: 768px) {
  #headmenu {
    display: flex;
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; } }
#headmenu .headsearch {
  width: 30px;
  margin-right: 5px;
  margin-top: 17px; }
  #headmenu .headsearch .search-box {
    display: block;
    position: relative; }
  #headmenu .headsearch .search-box:hover {
    color: #f8b500; }
  #headmenu .headsearch .search-box:before, #headmenu .headsearch .search-text {
    position: absolute;
    top: 1px;
    right: 0;
    width: 20px;
    cursor: pointer; }
  #headmenu .headsearch .search-box:before {
    font-family: "jin-icons";
    content: "\e931";
    top: 0px;
    font-size: 19px;
    z-index: 4;
    text-align: center;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  #headmenu .headsearch .search-text {
    top: -7px;
    right: -3px;
    opacity: 0;
    z-index: 5;
    -webkit-transition: all .6s;
    transition: all .6s;
    border-radius: 20px;
    padding: 8px 12px;
    border: none;
    font-size: 14px; }
  #headmenu .headsearch .search-text:focus {
    outline: 0;
    opacity: 1;
    width: 220px;
    cursor: text; }
    #headmenu .headsearch input[type="submit"] {
      display: none; }
  #headmenu .headsearch input::-webkit-input-placeholder {
    font-size: 13px; }
#headmenu .headsns {
  display: flex;
  margin-top: 19px; }
  #headmenu .headsns a {
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    display: block;
    color: #fff;
    margin: 0 6px;
    font-size: 15px;
    overflow: hidden; }
  #headmenu .headsns a:hover {
    color: #f8b500 !important;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  #headmenu .headsns .facebook a {
    margin: 0 7px; }
  #headmenu .headsns .twitter a {
    font-size: 24px;
    margin: 0px;
    padding-top: 2px;
    margin-top: -6px; }
  #headmenu .headsns .line a {
    font-size: 24px;
    margin: 0px 2px;
    margin-top: -5px !important; }
  #headmenu .headsns .instagram a {
    font-size: 15px; }
  #headmenu .headsns .youtube a {
    font-size: 17px;
    margin-top: -1px; }
  #headmenu .headsns .jin-contact a {
    font-size: 18px;
    margin: 0px 5px;
    margin-top: -2px; }

    @media (max-width: 767px) {
      .headsearch {
        position: absolute;
        z-index: 4; }
        .headsearch .search-box {
          position: relative; }
        .headsearch .search-box:before, .headsearch .search-text {
          position: absolute;
          left: 15px; 
          width: 20px;
          cursor: pointer; }
        .headsearch .search-box:before {
          font-family: "jin-icons";
          content: "\e931";
          top: 12px;
          font-size: 25px;
          z-index: 4;
          text-align: center;
          -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
          transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
        .headsearch .search-text {
          top: 7px;
          left: 8px;
          opacity: 0;
          z-index: 5;
          -webkit-transition: all .6s;
          transition: all .6s;
          border-radius: 20px;
          padding: 5px 12px;
          border: none;
          font-size: 16px; }
        .headsearch .search-text:focus {
          outline: 0;
          opacity: 1;
          width: 260px;
          cursor: text; }
        .headsearch input[type="submit"] {
          display: none; }
        .headsearch input::-webkit-input-placeholder {
          font-size: 13px; } }
    @media (min-width: 768px) {
      #header.header-type2 {
        position: relative;
        display: block;
        z-index: 1; } }
        @media (min-width: 768px) {
          #header.header-type2 #site-info {
            display: block;
            text-align: center;
            max-width: 100%; } }
    #header.header-type2 #headmenu {
      position: absolute;
      right: 30px;
      top: 0; }



@media (min-width: 768px) {
  .header-style6-box #headmenu {
    margin-top: 0px !important;
    margin-left: 20px !important; } }
.header-style6-box #headmenu .search-text {
  top: -7px !important; }



@media (min-width: 768px) {
  #header-box.header-style10 {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 3; } }

@media (max-width: 767px) {
  #header-box.header-style10 {
    filter: opacity(0.7); } }
@media (min-width: 768px) {
  #header-box.header-style10 {
    width: calc(100% - 30px);
    min-height: 60px;
    border-radius: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    background-color: transparent !important; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #header-box.header-style10 {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1200px) {
  #header-box.header-style10 {
    width: 1140px; } }

#header-box.header-style10:before {
  pointer-events: none; }
  @media (min-width: 768px) {
    #header-box.header-style10:before {
      border-radius: 2px; } }

@media (min-width: 768px) {
  #header-box.header-style10 .cps-info-bar a {
    filter: opacity(0.7);
    border-radius: 2px 2px 0 0; } }

#header-box .header-box10-bg {
  position: relative; }

#header-box .header-box10-bg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  @media (min-width: 768px) {
    #header-box .header-box10-bg:before {
      filter: opacity(0.7);
      border-radius: 0px 0px 2px 2px;
      min-height: 60px; } }
  @media (max-width: 767px) {
    #header-box .header-box10-bg:before {
      display: none; } }

.header-style10 #header {
  position: relative; }
  @media (min-width: 1200px) {
    .header-style10 #header {
      width: 1140px; } }

@media (min-width: 768px) {
  #header-box.header-style11 {
    position: relative;
    z-index: 3;
    margin-top: 15px !important; } }

@media (max-width: 767px) {
  #header-box.header-style11 {
    filter: opacity(0.7); } }
@media (min-width: 768px) {
  #header-box.header-style11 {
    width: calc(100% - 30px);
    min-height: 60px;
    border-radius: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    background-color: transparent !important; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #header-box.header-style11 {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1200px) {
  #header-box.header-style11 {
    width: 1140px; } }

@media (min-width: 768px) {
  #header-box.header-style11 .cps-info-bar a {
    filter: opacity(0.7);
    border-radius: 2px 2px 0 0; } }

#header-box .header-box11-bg {
  position: relative; }

#header-box .header-box11-bg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  @media (min-width: 768px) {
    #header-box .header-box11-bg:before {
      filter: opacity(0.7);
      border-radius: 0px 0px 2px 2px;
      min-height: 60px; } }
  @media (max-width: 767px) {
    #header-box .header-box11-bg:before {
      display: none; } }

.header-style11 #header {
  position: relative; }
  @media (min-width: 1200px) {
    .header-style11 #header {
      width: 1140px; } }

/* ヘッダー画像 */
/* CSS Document */
#main-image {
  position: relative; }
  @media (max-width: 767px) {
    #main-image {
      overflow: hidden;
      box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); } }
  #main-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  #main-image a:hover img {
    opacity: 0.8; }
  #main-image .top-image-meta {
    position: absolute;
    text-align: center; }
    @media (max-width: 767px) {
      #main-image .top-image-meta {
        top: 50%;
        width: 90%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); } }
    @media (min-width: 768px) {
      #main-image .top-image-meta {
        left: 50%;
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); } }
  #main-image .main-image-text {
    display: block;
    text-align: center;
    font-feature-settings: "palt"; }
    @media (max-width: 767px) {
      #main-image .main-image-text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 2px; } }
        @media (min-width: 768px) {
          #main-image .main-image-text {
            font-size: 1.65rem;
            max-width: 85%;
            line-height: 2.15rem;
            letter-spacing: 3px;
            margin: 0 auto; } }
    @media (min-width: 1024px) {
      #main-image .main-image-text {
        font-size: 2.4rem;
        max-width: 1000px;
        line-height: 3rem;
        letter-spacing: 4px; } }
  #main-image .main-image-text-sub {
    display: block; }
    @media (max-width: 767px) {
      #main-image .main-image-text-sub {
        margin-top: 20px;
        font-size: 0.75rem; } }
        @media (min-width: 768px) {
          #main-image .main-image-text-sub {
            font-size: 0.85rem;
            max-width: 85%;
            margin: 0 auto;
            margin-top: 15px; } }
    @media (min-width: 1024px) {
      #main-image .main-image-text-sub {
        margin-top: 30px;
        font-size: 1rem;
        max-width: 700px; } }
  #main-image .top-image-text-option-border {
    text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; }
  #main-image .top-image-text-option-shadow {
    text-shadow: 0 3px 8px #aaa; }
  #main-image .top-image-subtext-option-border {
    text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; }
  #main-image .top-image-subtext-option-shadow {
    text-shadow: 0 1px 3px #555; }
  @media (max-width: 767px) {
    #main-image .top-image-btn-color {
      margin-top: 30px; } }
  @media (min-width: 768px) {
    #main-image .top-image-btn-color {
      margin-top: 30px; } }
  @media (min-width: 1024px) {
    #main-image .top-image-btn-color {
      margin-top: 50px; } }
  #main-image .top-image-btn-color a {
    font-weight: 300;
    letter-spacing: 1px; }
    @media (max-width: 767px) {
      #main-image .top-image-btn-color a {
        font-size: 0.8rem; } }
    @media (min-width: 768px) {
      #main-image .top-image-btn-color a {
        padding: 10px 30px; } }
    @media (min-width: 1024px) {
      #main-image .top-image-btn-color a {
        padding: 15px 60px; } }

.main-image-wrapper {
  position: relative;
  z-index: 1; }
  .main-image-wrapper .top-image-meta {
    z-index: 2; }

  @media (min-width: 768px) and (max-width: 1199px) {
  .header-style10-image {
    margin-top: 30px; } }

/* サイドバー */
/* CSS Document */
@media (max-width: 767px) {
  #widget-tracking {
    display: none; } }


/* サイドバースタイル５ */
/* CSS Document */
.sidebar_style5 .widget {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 0.95rem; }
  @media (max-width: 767px) {
    .sidebar_style5 .widget {
      padding: 0px;
      padding-bottom: 0;
      padding-top: 0;
      margin-bottom: 30px;
      border-radius: 2px; } }
  @media (min-width: 768px) {
    .sidebar_style5 .widget {
      padding-top: 0;
      padding-left: 10px; } }
  @media (min-width: 1024px) {
    .sidebar_style5 .widget {
      padding-left: 20px; } }
.sidebar_style5 .widgettitle {
  margin-bottom: 15px;
  padding: 10px;
  padding-bottom: 2px;
  position: relative;
  border-bottom: 3px double #ccc; }
  @media (max-width: 767px) {
    .sidebar_style5 .widgettitle {
      font-size: 1.1rem;
      font-weight: 500; } }
  @media (min-width: 768px) {
    .sidebar_style5 .widgettitle {
      font-size: 1rem;
      font-weight: 300; } }
  @media (min-width: 1024px) {
    .sidebar_style5 .widgettitle {
      font-size: 1.3rem; } }

@media (max-width: 767px) {
  .sidebar_style5 .my-profile {
    border: none;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
/* サイドバースタイル６ */
/* CSS Document */
.sidebar_style6 .widget {
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  padding-bottom: 25px;
  padding-top: 25px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 0.95rem; }
  @media (max-width: 767px) {
    .sidebar_style6 .widget {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
  @media (max-width: 767px) {
    .sidebar_style6 .widget {
      padding: 0px;
      padding-bottom: 0;
      padding-top: 0;
      margin-bottom: 30px;
      border-radius: 2px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .sidebar_style6 .widget {
      border-radius: 2px;
      background: #fff;
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }

  @media (min-width: 768px) {
    .sidebar_style6 .widget {
      padding: 0px; } }
.sidebar_style6 .widgettitle {
  background: #2b2b2b;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 1rem; }
  @media (min-width: 768px) {
    .sidebar_style6 .widgettitle {
      padding: 10px 15px;
      font-size: 0.95rem; } }
@media (max-width: 767px) {
  .sidebar_style6 .widgettitle + div,
  .sidebar_style6 .widgettitle + ul,
  .sidebar_style6 .widgettitle + form,
  .sidebar_style6 .search-box {
    padding: 15px; } }
@media (min-width: 768px) {
  .sidebar_style6 .widgettitle + div,
  .sidebar_style6 .widgettitle + ul,
  .sidebar_style6 .widgettitle + form,
  .sidebar_style6 .search-box {
    padding: 15px;
    padding-top: 10px; } }
@media (min-width: 1024px) {
  .sidebar_style6 .widgettitle + div,
  .sidebar_style6 .widgettitle + ul,
  .sidebar_style6 .widgettitle + form,
  .sidebar_style6 .search-box {
    padding: 30px;
    padding-top: 15px; } }
@media (max-width: 767px) {
  .sidebar_style6 .my-profile {
    padding-top: 20px; } }
@media (min-width: 768px) {
      .sidebar_style6 .my-profile {
        padding: 15px;
        padding-top: 10px;
        padding-bottom: 100px !important; } }
@media (min-width: 1024px) {
  .sidebar_style6 .my-profile {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 115px !important; } }
@media (max-width: 767px) {
  .sidebar_style6 #new-entry-box {
    padding: 15px; } }
@media (min-width: 768px) {
  .sidebar_style6 #new-entry-box {
    padding: 15px;
    padding-top: 10px; } }
@media (min-width: 1024px) {
  .sidebar_style6 #new-entry-box {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px; } }
@media (min-width: 1024px) {
  .sidebar_style6 .widget_categories form {
    padding-bottom: 20px;
    padding-top: 20px; } }
@media (max-width: 767px) {
  .sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after {
    top: 32px; } }
@media (min-width: 768px) {
  .sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after {
    right: 25px; } }
@media (min-width: 1024px) {
  .sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after {
    right: 40px; } }
@media (min-width: 768px) {
  .sidebar_style6 .widget_tag_cloud .tagcloud {
    padding-top: 15px; } }
@media (min-width: 1024px) {
  .sidebar_style6 .widget_tag_cloud .tagcloud {
    padding-bottom: 20px;
    padding-top: 20px; } }
@media (max-width: 767px) {
  .sidebar_style6 .widget_search .search-box input[type="search"] {
    width: calc(100% - 30px);
    right: auto;
    left: auto;
    top: 15px; } }
@media (min-width: 768px) {
  .sidebar_style6 .widget_search .search-box input[type="search"] {
    right: auto;
    left: auto;
    width: calc(100% - 30px);
    top: 13px; } }
@media (min-width: 1024px) {
  .sidebar_style6 .widget_search .search-box input[type="search"] {
    top: 23px;
    width: calc(100% - 60px); } }
@media (max-width: 767px) {
  .sidebar_style6 .widget_search .search-box input[type="submit"] {
    top: 15px;
    right: 25px; } }
@media (min-width: 768px) {
  .sidebar_style6 .widget_search .search-box input[type="submit"] {
    top: 18px;
    right: 15px; } }
@media (min-width: 1024px) {
  .sidebar_style6 .widget_search .search-box input[type="submit"] {
    top: 23px;
    right: 30px; } }
@media (max-width: 767px) {
  .sidebar_style6 .widget_meta ul {
    padding-left: 35px; } }

/* ウィジェット */
/* CSS Document */
.widget .screen-reader-text {
  display: none; }

.widget.widget_custom_html {
  box-shadow: none !important;
  background: none !important; }

.sidebar_style1 .widget_custom_html,
.sidebar_style6 .widget_custom_html {
  padding: 0 !important; }

.widget_archive select,
.widget_categories select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(192, 192, 192, 0.15);
  width: 100%;
  margin: 0px;
  padding: 10px;
  border-radius: 2px;
  font-size: 0.85rem;
  color: #888;
  border: none; }
  @media (max-width: 767px) {
    .widget_archive select,
    .widget_categories select {
      font-size: 16px; } }
.widget_archive form,
.widget_archive select,
.widget_categories form,
.widget_categories select {
  position: relative; }
.widget_archive form:after,
.widget_archive select:after,
.widget_categories form:after,
.widget_categories select:after {
  font-family: "jin-icons";
  content: "\e932";
  position: absolute;
  right: 10px;
  top: 50%;
  pointer-events: none;
  line-height: 0;
  font-size: 1.45rem; }
.widget_archive select:focus,
.widget_categories select:focus {
  outline: 0; }
.widget_archive select::-ms-expand,
.widget_categories select::-ms-expand {
  display: none; }

@media (max-width: 767px) {
  .textwidget {
    font-size: 0.95rem; } }
@media (min-width: 768px) {
  .textwidget {
    font-size: 0.85rem; } }
.textwidget img {
  max-width: 100%;
  height: auto;
  display: block; }

.widget_search .search-box {
  position: relative;
  height: 34px; }
  .widget_search .search-box input[type="search"] {
    background-color: #fff;
    border: 1px solid #ddd;
    height: 34px;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    padding-right: 40px;
    border-radius: 17px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    @media (max-width: 767px) {
      .widget_search .search-box input[type="search"] {
        font-size: 16px; } }
  .widget_search .search-box input[type="submit"] {
    font-family: "jin-icons";
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    height: 34px;
    width: 34px;
    background: none;
    display: inline-block;
    font-size: 16px;
    color: #aaa !important; }
    @media (max-width: 767px) {
      .widget_search .search-box input[type="submit"] {
        font-size: 18px;
        right: 10px; } }
  .widget_search .search-box input[type="search"]:focus {
    outline: none;
    border: 1px solid #9f0; }
  .widget_search .search-box input[type="submit"]:hover {
    cursor: pointer; }

#wp-calendar {
  width: 100%;
  border-collapse: collapse;
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #aaa;
  border-right-color: #aaa;
  font-size: 0.75rem; }

#wp-calendar thead tr th {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #aaa;
  border-left-color: #aaa;
  padding: 2px;
  background: #eee;
  font-weight: 400; }

#wp-calendar thead tr th:nth-child(6) {
  background-color: #C0DDF9; }

#wp-calendar thead tr th:nth-child(7) {
  background-color: #F5D0D3; }

#wp-calendar td {
  text-align: center;
  padding: 2px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #aaa;
  border-left-color: #aaa;
  background: #fff; }

#wp-calendar caption {
  text-align: center;
  border: 1px solid #aaa;
  border-bottom: none;
  background: #fff;
  padding: 5px 0; }

#wp-calendar tbody tr #today {
  background-color: #CCC; }

.widget_meta ul {
  padding: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  margin: 0;
  list-style-type: disc; }

.widget_meta ul li {
  padding: 3px 0; }
  .widget_meta ul li a {
    display: block; }

.widget_archive ul li {
  position: relative; }
  .widget_archive ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    *zoom: 1;
    padding-top: 12px;
    padding-left: 28px;
    padding-bottom: 12px;
    line-height: 1.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    @media (max-width: 767px) {
      .widget_archive ul li a {
        font-size: 0.95rem;
        font-weight: 600; } }
    @media (min-width: 768px) {
      .widget_archive ul li a {
        font-size: 0.85rem;
        font-weight: 500; } }
    @media (min-width: 1024px) {
      .widget_archive ul li a {
        font-size: 0.95rem; } }
  .widget_archive ul li a:before {
    content: "\e902";
    font-family: "jin-icons";
    position: absolute;
    left: 6px;
    line-height: 0rem;
    width: 14px;
    height: 1px;
    padding-left: 2px;
    font-size: 0.85rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    top: 24px; }
.widget_archive ul li:last-of-type a {
  border: none; }

.widget_media_video iframe,
.textwidget iframe {
  width: 100%; }

.widget_recent_comments ul {
  padding-left: 0px; }

.widget_recent_comments ul li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-left: 25px;
  padding-bottom: 12px;
  padding-top: 12px; }
  @media (max-width: 767px) {
    .widget_recent_comments ul li {
      padding-bottom: 12px;
      padding-top: 12px; } }

.widget_recent_comments ul li > a:before {
  display: block;
  font-family: "jin-icons";
  content: '\e90d';
  position: absolute;
  line-height: 1.3rem;
  top: -3px;
  left: -21px;
  width: 10px;
  height: 10px; }

.widget_recent_comments ul li {
  display: block;
  overflow: hidden;
  font-size: 0.85rem;
  line-height: 1.15rem;
  *zoom: 1; }
  @media (max-width: 767px) {
    .widget_recent_comments ul li {
      font-weight: 600; } }
  @media (min-width: 768px) {
    .widget_recent_comments ul li {
      font-weight: 500; } }

.widget_recent_comments ul li a {
  position: relative; }

.widget_pages ul li a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  padding-top: 12px;
  padding-left: 28px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  line-height: 1.6rem;
  font-size: 0.85rem;
  position: relative;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  @media (max-width: 767px) {
    .widget_pages ul li a {
      font-weight: 600; } }
  @media (min-width: 768px) {
    .widget_pages ul li a {
      font-weight: 500; } }
.widget_pages ul li a:before {
  content: "\e902";
  font-family: "jin-icons";
  font-weight: 900;
  position: absolute;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  top: 24px; }
.widget_pages ul li:last-of-type a {
  border: none;
  padding-bottom: 0; }

.widget_recent_entries ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .widget_recent_entries ul li a {
    display: block;
    overflow: hidden;
    *zoom: 1;
    padding-top: 12px;
    padding-left: 28px;
    padding-bottom: 12px;
    line-height: 1.6rem;
    font-size: 0.85rem;
    position: relative;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    @media (max-width: 767px) {
      .widget_recent_entries ul li a {
        font-weight: 600; } }
    @media (min-width: 768px) {
      .widget_recent_entries ul li a {
        font-weight: 500; } }
  .widget_recent_entries ul li a:before {
    content: "\e902";
    font-family: "jin-icons";
    font-weight: 900;
    position: absolute;
    left: 6px;
    line-height: 0;
    width: 14px;
    height: 1px;
    padding-left: 2px;
    font-size: 0.85rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    top: 24px; }
  .widget_recent_entries ul li .post-date {
    display: block;
    text-align: right;
    font-size: 0.8rem;
    color: #bbb;
    font-weight: 300;
    letter-spacing: 1px; }
    @media (max-width: 767px) {
      .widget_recent_entries ul li .post-date {
        font-weight: 400; } }

.widget_tag_cloud .tagcloud {
  padding: 0px; }
  .widget_tag_cloud .tagcloud a:before {
    font-family: "jin-icons";
    content: "\e92c";
    padding-right: 3px;
    vertical-align: bottom;
    line-height: 0.9rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  .widget_tag_cloud .tagcloud a:hover::before {
    color: #fff !important; }

.widget_tag_cloud a {
  display: inline-table;
  max-width: 100%;
  padding: 4px 8px;
  margin-bottom: 4px;
  margin-right: 1px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.65rem !important;
  text-decoration: none;
  letter-spacing: 0;
  -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
  transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  @media (max-width: 767px) {
    .widget_tag_cloud a {
      margin-bottom: 5px; } }

.widget_tag_cloud a:hover {
  background-color: #f8b500;
  color: #fff !important; }

.new-entry-item:last-child {
  margin-bottom: 0; }

.new-entry-item a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  .new-entry-item a::after {
    clear: both;
    content: "";
    display: block; }

.new-entry-item a:first-child {
  margin-top: 0px; }

@media (max-width: 767px) {
  .new-entry {
    width: calc(37.5%);
    float: left;
    margin-left: 0px; } }
@media (min-width: 768px) {
  .new-entry {
    width: calc(33.3333333333%);
    float: left;
    margin-left: 0px; } }
.new-entry .eyecatch {
  width: 100%;
  padding: 0;
  margin: 0; }
.new-entry .eyecatch img {
  width: 100%;
  display: block;
  background: #fff;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }

.new-entry-item-meta {
  padding: 0; }
  @media (max-width: 767px) {
    .new-entry-item-meta {
      width: calc(58.3333333333%);
      float: left;
      margin-left: 0px;
      left: calc(4.1666666667% + 0px);
      position: relative; } }
  @media (min-width: 768px) {
    .new-entry-item-meta {
      width: calc(62.5%);
      float: left;
      margin-left: 0px;
      left: calc(4.1666666667% + 0px);
      position: relative; } }
  .new-entry-item-meta .date {
    font-size: 0.8rem;
    color: #bbb;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .new-entry-item-meta .date {
        font-weight: 400; } }
    @media (min-width: 1200px) {
      .new-entry-item-meta .date {
        margin-bottom: 6px; } }

.new-entry-item-title {
  font-size: 0.85rem;
  line-height: 1.15rem;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .new-entry-item-title {
      font-weight: 600;
      margin-top: 3px; } }
  @media (min-width: 768px) {
    .new-entry-item-title {
      font-weight: 500; } }
  @media (min-width: 1024px) {
    .new-entry-item-title {
      font-weight: 500; } }

.popular-meta {
  width: calc(100%);
  float: left;
  margin-left: 0px;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  border-radius: 2px;
  margin-top: 6px;
  padding: 1px 7px;
  padding-left: 4px; }

.popular-item a:hover > .popular-meta {
  background: transparent; }

.popular-item {
  margin-top: 0px;
  margin-bottom: 0px; }

.popular-item .new-entry {
  position: relative; }

.pop-num {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #ccc !important;
  text-align: center;
  line-height: 0;
  font-size: 0.75rem;
  padding-top: 10px;
  letter-spacing: 0; }

.popular-count {
  display: block;
  float: right;
  text-align: right;
  color: rgba(0, 0, 0, 0.35);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.35); }
  @media (max-width: 767px) {
    .popular-count {
      font-size: 0.75rem;
      letter-spacing: 1px; } }
  @media (min-width: 768px) {
    .popular-count {
      font-size: 0.75rem; } }
  .popular-count div {
    display: inline-block;
    font-weight: 300; }
  @media (max-width: 767px) {
    .popular-count span {
      font-size: 0.95rem;
      letter-spacing: 1; } }
  @media (min-width: 768px) {
    .popular-count span {
      font-size: 0.85rem;
      font-weight: 400; } }

.widget_categories ul {
  padding: 0;
  margin: 0; }
  .widget_categories ul li {
    position: relative;
    padding: 0px;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .widget_categories ul li:last-of-type {
    border: none; }
  .widget_categories ul li.menu-item-has-children {
    padding-bottom: 10px; }
  .widget_categories ul li.menu-item-has-children:last-of-type {
    padding-bottom: 0px; }
  .widget_categories ul li a {
    padding: 12px;
    padding-left: 28px;
    display: block;
    border-left: none;
    position: relative;
    line-height: 1.6rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    @media (max-width: 767px) {
      .widget_categories ul li a {
        font-size: 0.95rem;
        font-weight: 600;
        padding-right: 40px; } }
    @media (min-width: 768px) {
      .widget_categories ul li a {
        font-size: 0.85rem;
        padding-right: 40px;
        font-weight: 500; } }
    @media (min-width: 1024px) {
      .widget_categories ul li a {
        font-size: 0.95rem; } }
  .widget_categories ul li a:before {
    content: "\e902";
    font-family: "jin-icons";
    font-weight: 900;
    position: absolute;
    left: 6px;
    line-height: 0;
    width: 14px;
    height: 1px;
    padding-left: 2px;
    font-size: 0.85rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    top: 24px; }
  .widget_categories ul li:last-child a {
    padding-bottom: 0; }
  .widget_categories ul .children {
    padding-left: 25px;
    margin-bottom: 10px; }
    .widget_categories ul .children li {
      border: none; }
      .widget_categories ul .children li a {
        border-left: none;
        padding: 3px 10px;
        padding-left: 26px;
        position: relative;
        font-size: 0.85rem;
        line-height: 1.15rem;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
      .widget_categories ul .children li a:before {
        content: "・";
        position: absolute;
        left: 2px;
        width: 5px;
        height: 1px;
        font-size: 24px;
        line-height: 0;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        top: 12px; }
    .widget_categories ul .children .children {
      margin-top: 5px;
      margin-bottom: 0; }
      .widget_categories ul .children .children li a {
        padding: 3px 10px;
        padding-left: 26px;
        font-weight: 300;
        font-size: 0.75rem;
        line-height: 1.05rem; }
      .widget_categories ul .children .children li a:before {
        content: "";
        position: absolute;
        left: 17px;
        width: 1px;
        height: 18px;
        padding: 0;
        background: #777;
        line-height: 0;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        top: 2px; }

.widget_categories ul .count,
.widget_archive ul .count {
  position: absolute;
  right: 3px;
  top: 13px;
  padding: 1px 3px;
  min-width: 30px;
  font-size: 0.7rem;
  color: #aaa;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1rem;
  text-align: center;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }

.widget_categories ul li a:hover .count,
.widget_archive ul li a:hover .count {
  color: #fff;
  background: #aaa;
  border: 1px solid #aaa; }

.widget_categories ul li ul li ul li .count {
  display: none;
  top: 2px; }

@media (max-width: 767px) {
  .widget_categories ul li ul li .count {
    top: 2px; } }
@media (min-width: 768px) {
  .widget_categories ul li ul li .count {
    top: 2px; } }

.widget_nav_menu ul {
  padding: 0;
  margin: 0; }
  .widget_nav_menu ul li {
    padding: 0px;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .widget_nav_menu ul li:last-of-type {
    border: none; }
  .widget_nav_menu ul li.menu-item-has-children {
    padding-bottom: 10px; }
  .widget_nav_menu ul li.menu-item-has-children:last-of-type {
    padding-bottom: 0px; }
  .widget_nav_menu ul li span {
    display: inline-block;
    padding-right: 3px; }
  .widget_nav_menu ul li a {
    padding: 12px;
    padding-left: 28px;
    display: block;
    border-left: none;
    position: relative;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    @media (max-width: 767px) {
      .widget_nav_menu ul li a {
        font-size: 0.95rem;
        font-weight: 600; } }
    @media (min-width: 768px) {
      .widget_nav_menu ul li a {
        font-size: 0.85rem;
        padding-right: 35px;
        font-weight: 500; } }
    @media (min-width: 1024px) {
      .widget_nav_menu ul li a {
        font-size: 0.95rem; } }
  .widget_nav_menu ul li a:before {
    content: "\e902";
    font-family: "jin-icons";
    position: absolute;
    left: 6px;
    line-height: 0;
    width: 14px;
    height: 1px;
    padding-left: 2px;
    font-size: 0.85rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    top: 24px; }
  .widget_nav_menu ul li:last-child a {
    padding-bottom: 0; }
  .widget_nav_menu ul .sub-menu {
    padding-left: 25px;
    margin-top: -2px; }
    .widget_nav_menu ul .sub-menu li {
      position: relative;
      padding: 0;
      border: none; }
      .widget_nav_menu ul .sub-menu li a {
        border-left: none;
        padding: 3px 10px;
        padding-left: 26px;
        position: relative;
        font-size: 0.85rem;
        line-height: 1.15rem;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
      .widget_nav_menu ul .sub-menu li a:before {
        content: "・";
        position: absolute;
        left: 2px;
        width: 5px;
        height: 1px;
        font-size: 24px;
        line-height: 0;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        top: 12px; }
    .widget_nav_menu ul .sub-menu .sub-menu {
      margin-top: 5px;
      padding-top: 0; }
      .widget_nav_menu ul .sub-menu .sub-menu li a {
        padding: 3px 10px;
        padding-left: 26px;
        font-weight: 300;
        font-size: 0.75rem;
        line-height: 1.05rem; }
      .widget_nav_menu ul .sub-menu .sub-menu li a:before {
        content: "";
        position: absolute;
        left: 17px;
        width: 1px;
        height: 18px;
        padding: 0;
        background: #777;
        line-height: 0;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        top: 2px; }

.widget_nav_menu ul > li.menu-item-has-children > a {
  padding-bottom: 10px; }

.widget_nav_menu ul > li > ul > li.menu-item-has-children > a {
  padding-bottom: 2px; }

.widget_nav_menu ul > li > ul > li > ul > li:last-of-type,
.widget_categories ul > li > ul > li > ul > li:last-of-type {
  padding-bottom: 5px; }

.widget_nav_menu ul > li > a,
.widget_categories ul > li > a,
.widget_archive ul > li > a,
.widget_recent_entries ul > li > a,
.widget_pages ul > li > a,
.widget_meta ul > li > a {
  width: calc(100% - 3px); }

.widget_nav_menu ul > li > a:hover,
.widget_categories ul > li > a:hover,
.widget_archive ul > li > a:hover,
.widget_recent_entries ul > li > a:hover,
.widget_pages ul > li > a:hover,
.widget_meta ul > li > a:hover {
  -webkit-transform: translateX(3px);
  transform: translateX(3px); }

@media (max-width: 767px) {
  .widget_nav_menu ul > li > ul.sub-menu > li,
  .widget_categories ul > li > ul.children > li {
    margin-bottom: 0; }
  .widget_nav_menu ul > li > ul > li.menu-item-has-children > ul {
    margin-bottom: 0px; } }

/* スマホウィジェット */
.sp-menu-widget-box {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0px;
  padding-bottom: 0; }
  .sp-menu-widget-box::after {
    clear: both;
    content: "";
    display: block; }
  .sp-menu-widget-box .sp-menu-widget {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px; }
  .sp-menu-widget-box .sp-menu-widgettitle {
    display: block;
    font-size: 1rem;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px; }
    .sp-menu-widget-box .sp-menu-widgettitle span {
      border-bottom: 1px solid #aaa;
      padding: 3px 10px; }
  .sp-menu-widget-box .textwidget {
    font-weight: 400;
    margin-bottom: 15px;
    letter-spacing: 0; }
    .sp-menu-widget-box .textwidget img {
      max-width: 100%;
      height: auto;
      display: block; }
  .sp-menu-widget-box .custom-html-widget {
    margin-top: 5px; }
  .sp-menu-widget-box .widget_nav_menu {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    font-size: 0.8em;
    letter-spacing: 0;
    margin-bottom: 15px; }
    @media (max-width: 767px) {
      .sp-menu-widget-box .widget_nav_menu {
        border-radius: 0px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
    .sp-menu-widget-box .widget_nav_menu ul {
      padding: 0;
      padding-top: 5px;
      margin: 0; }
      .sp-menu-widget-box .widget_nav_menu ul li {
        width: calc(33.3333333333%);
        float: left;
        margin-left: 0px;
        background: #fff;
        margin-bottom: 5px;
        min-height: 70px;
        border: none; }
        .sp-menu-widget-box .widget_nav_menu ul li ul {
          display: none; }
      .sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n+1) {
        clear: both; }
      .sp-menu-widget-box .widget_nav_menu ul li a {
        padding: 10px 5px;
        padding-top: 5px;
        padding-left: 4px;
        display: block;
        text-align: center;
        -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
        .sp-menu-widget-box .widget_nav_menu ul li a span {
          display: block;
          font-size: 1.4rem; }
      .sp-menu-widget-box .widget_nav_menu ul li:first-child a,
      .sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n+1) a {
        padding-left: 10px;
        border-left: none; }

/*ウィジェット調整*/
#post-bottom-widget,
.home.page #home-bottom-widget {
  margin-top: 20px; }

#home-bottom-widget,
#home-top-widget,
#post-bottom-widget,
#post-top-widget {
  margin-bottom: 20px; }
  #home-bottom-widget .widget,
  #home-top-widget .widget,
  #post-bottom-widget .widget,
  #post-top-widget .widget {
    margin-bottom: 20px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); }
    @media (max-width: 767px) {
      #home-bottom-widget .widget,
      #home-top-widget .widget,
      #post-bottom-widget .widget,
      #post-top-widget .widget {
        border-radius: 0px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
    @media (max-width: 767px) {
      #home-bottom-widget .widget,
      #home-top-widget .widget,
      #post-bottom-widget .widget,
      #post-top-widget .widget {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); } }
  #home-bottom-widget .widget_recent_comments,
  #home-bottom-widget .widget-popular,
  #home-bottom-widget .widget_nav_menu,
  #home-bottom-widget .widget_text,
  #home-bottom-widget .widget_archive,
  #home-bottom-widget .widget-recommend,
  #home-bottom-widget .widget_categories,
  #home-bottom-widget .widget_tag_cloud,
  #home-bottom-widget .widget_recent_entries,
  #home-bottom-widget .widget_pages,
  #home-bottom-widget .widget-recent-post,
  #home-bottom-widget .widget_calendar,
  #home-bottom-widget .widget_media_gallery,
  #home-top-widget .widget_recent_comments,
  #home-top-widget .widget-popular,
  #home-top-widget .widget_nav_menu,
  #home-top-widget .widget_text,
  #home-top-widget .widget_archive,
  #home-top-widget .widget-recommend,
  #home-top-widget .widget_categories,
  #home-top-widget .widget_tag_cloud,
  #home-top-widget .widget_recent_entries,
  #home-top-widget .widget_pages,
  #home-top-widget .widget-recent-post,
  #home-top-widget .widget_calendar,
  #home-top-widget .widget_media_gallery,
  #post-bottom-widget .widget_recent_comments,
  #post-bottom-widget .widget-popular,
  #post-bottom-widget .widget_nav_menu,
  #post-bottom-widget .widget_text,
  #post-bottom-widget .widget_archive,
  #post-bottom-widget .widget-recommend,
  #post-bottom-widget .widget_categories,
  #post-bottom-widget .widget_tag_cloud,
  #post-bottom-widget .widget_recent_entries,
  #post-bottom-widget .widget_pages,
  #post-bottom-widget .widget-recent-post,
  #post-bottom-widget .widget_calendar,
  #post-bottom-widget .widget_media_gallery,
  #post-top-widget .widget_recent_comments,
  #post-top-widget .widget-popular,
  #post-top-widget .widget_nav_menu,
  #post-top-widget .widget_text,
  #post-top-widget .widget_archive,
  #post-top-widget .widget-recommend,
  #post-top-widget .widget_categories,
  #post-top-widget .widget_tag_cloud,
  #post-top-widget .widget_recent_entries,
  #post-top-widget .widget_pages,
  #post-top-widget .widget-recent-post,
  #post-top-widget .widget_calendar,
  #post-top-widget .widget_media_gallery {
    border-radius: 3px; }
  @media (max-width: 767px) {
    #home-bottom-widget .widgettitle,
    #home-top-widget .widgettitle,
    #post-bottom-widget .widgettitle,
    #post-top-widget .widgettitle {
      padding: 10px 22px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widgettitle,
    #home-top-widget .widgettitle,
    #post-bottom-widget .widgettitle,
    #post-top-widget .widgettitle {
      padding: 10px 28px;
      font-size: 1.25rem; } }
  #home-bottom-widget .widget_recent_comments .widgettitle,
  #home-bottom-widget .widget-popular .widgettitle,
  #home-bottom-widget .widget_nav_menu .widgettitle,
  #home-bottom-widget .widget_text .widgettitle,
  #home-bottom-widget .widget_archive .widgettitle,
  #home-bottom-widget .widget-recommend .widgettitle,
  #home-bottom-widget .widget_categories .widgettitle,
  #home-bottom-widget .widget_tag_cloud .widgettitle,
  #home-bottom-widget .widget_recent_entries .widgettitle,
  #home-bottom-widget .widget-ranking .widgettitle,
  #home-bottom-widget .widget_pages .widgettitle,
  #home-bottom-widget .widget-recent-post .widgettitle,
  #home-bottom-widget .widget_search .widgettitle,
  #home-bottom-widget .widget_calendar .widgettitle,
  #home-bottom-widget .widget_media_gallery .widgettitle,
  #home-bottom-widget .widget_media_image .widgettitle,
  #home-top-widget .widget_recent_comments .widgettitle,
  #home-top-widget .widget-popular .widgettitle,
  #home-top-widget .widget_nav_menu .widgettitle,
  #home-top-widget .widget_text .widgettitle,
  #home-top-widget .widget_archive .widgettitle,
  #home-top-widget .widget-recommend .widgettitle,
  #home-top-widget .widget_categories .widgettitle,
  #home-top-widget .widget_tag_cloud .widgettitle,
  #home-top-widget .widget_recent_entries .widgettitle,
  #home-top-widget .widget-ranking .widgettitle,
  #home-top-widget .widget_pages .widgettitle,
  #home-top-widget .widget-recent-post .widgettitle,
  #home-top-widget .widget_search .widgettitle,
  #home-top-widget .widget_calendar .widgettitle,
  #home-top-widget .widget_media_gallery .widgettitle,
  #home-top-widget .widget_media_image .widgettitle,
  #post-bottom-widget .widget_recent_comments .widgettitle,
  #post-bottom-widget .widget-popular .widgettitle,
  #post-bottom-widget .widget_nav_menu .widgettitle,
  #post-bottom-widget .widget_text .widgettitle,
  #post-bottom-widget .widget_archive .widgettitle,
  #post-bottom-widget .widget-recommend .widgettitle,
  #post-bottom-widget .widget_categories .widgettitle,
  #post-bottom-widget .widget_tag_cloud .widgettitle,
  #post-bottom-widget .widget_recent_entries .widgettitle,
  #post-bottom-widget .widget-ranking .widgettitle,
  #post-bottom-widget .widget_pages .widgettitle,
  #post-bottom-widget .widget-recent-post .widgettitle,
  #post-bottom-widget .widget_search .widgettitle,
  #post-bottom-widget .widget_calendar .widgettitle,
  #post-bottom-widget .widget_media_gallery .widgettitle,
  #post-bottom-widget .widget_media_image .widgettitle,
  #post-top-widget .widget_recent_comments .widgettitle,
  #post-top-widget .widget-popular .widgettitle,
  #post-top-widget .widget_nav_menu .widgettitle,
  #post-top-widget .widget_text .widgettitle,
  #post-top-widget .widget_archive .widgettitle,
  #post-top-widget .widget-recommend .widgettitle,
  #post-top-widget .widget_categories .widgettitle,
  #post-top-widget .widget_tag_cloud .widgettitle,
  #post-top-widget .widget_recent_entries .widgettitle,
  #post-top-widget .widget-ranking .widgettitle,
  #post-top-widget .widget_pages .widgettitle,
  #post-top-widget .widget-recent-post .widgettitle,
  #post-top-widget .widget_search .widgettitle,
  #post-top-widget .widget_calendar .widgettitle,
  #post-top-widget .widget_media_gallery .widgettitle,
  #post-top-widget .widget_media_image .widgettitle {
    border-radius: 3px 3px 0 0;
    color: #fff; }
  @media (max-width: 767px) {
    #home-bottom-widget .widget_media_gallery,
    #home-top-widget .widget_media_gallery,
    #post-bottom-widget .widget_media_gallery,
    #post-top-widget .widget_media_gallery {
      box-shadow: none !important; } }
  #home-bottom-widget .widget-popular .widgettitle:before,
  #home-bottom-widget .widget_nav_menu .widgettitle:before,
  #home-bottom-widget .widget_archive .widgettitle:before,
  #home-bottom-widget .widget_recent_entries .widgettitle:before,
  #home-bottom-widget .widget_categories .widgettitle:before,
  #home-top-widget .widget-popular .widgettitle:before,
  #home-top-widget .widget_nav_menu .widgettitle:before,
  #home-top-widget .widget_archive .widgettitle:before,
  #home-top-widget .widget_recent_entries .widgettitle:before,
  #home-top-widget .widget_categories .widgettitle:before,
  #post-bottom-widget .widget-popular .widgettitle:before,
  #post-bottom-widget .widget_nav_menu .widgettitle:before,
  #post-bottom-widget .widget_archive .widgettitle:before,
  #post-bottom-widget .widget_recent_entries .widgettitle:before,
  #post-bottom-widget .widget_categories .widgettitle:before,
  #post-top-widget .widget-popular .widgettitle:before,
  #post-top-widget .widget_nav_menu .widgettitle:before,
  #post-top-widget .widget_archive .widgettitle:before,
  #post-top-widget .widget_recent_entries .widgettitle:before,
  #post-top-widget .widget_categories .widgettitle:before {
    font-family: "jin-icons";
    padding-right: 5px;
    color: #fff; }
  #home-bottom-widget .widget_recent_entries .widgettitle:before,
  #home-top-widget .widget_recent_entries .widgettitle:before,
  #post-bottom-widget .widget_recent_entries .widgettitle:before,
  #post-top-widget .widget_recent_entries .widgettitle:before {
    content: "\e928";
    font-size: 1.7rem;
    vertical-align: bottom;
    line-height: 1.9rem; }
  #home-bottom-widget .widget_archive .widgettitle:before,
  #home-top-widget .widget_archive .widgettitle:before,
  #post-bottom-widget .widget_archive .widgettitle:before,
  #post-top-widget .widget_archive .widgettitle:before {
    content: "\e901";
    font-size: 1.8rem;
    vertical-align: bottom;
    line-height: 1.9rem; }
  #home-bottom-widget .widget_categories .widgettitle:before,
  #home-top-widget .widget_categories .widgettitle:before,
  #post-bottom-widget .widget_categories .widgettitle:before,
  #post-top-widget .widget_categories .widgettitle:before {
    content: "\e914";
    font-size: 1.8rem;
    vertical-align: bottom;
    line-height: 1.8rem; }
  #home-bottom-widget .widget_nav_menu .widgettitle:before,
  #home-top-widget .widget_nav_menu .widgettitle:before,
  #post-bottom-widget .widget_nav_menu .widgettitle:before,
  #post-top-widget .widget_nav_menu .widgettitle:before {
    content: "\e91f";
    font-size: 2.2rem;
    vertical-align: bottom;
    line-height: 1.4rem; }
  #home-bottom-widget .widget-popular .widgettitle:before,
  #home-top-widget .widget-popular .widgettitle:before,
  #post-bottom-widget .widget-popular .widgettitle:before,
  #post-top-widget .widget-popular .widgettitle:before {
    content: "\e90f";
    font-size: 1.7rem;
    vertical-align: bottom;
    line-height: 1.8rem; }
  #home-bottom-widget .widget-ranking .widgettitle,
  #home-top-widget .widget-ranking .widgettitle,
  #post-bottom-widget .widget-ranking .widgettitle,
  #post-top-widget .widget-ranking .widgettitle {
    text-align: center; }
  @media (max-width: 767px) {
    #home-bottom-widget .widget_archive ul,
    #home-bottom-widget .widget_recent_entries ul,
    #home-bottom-widget .widget_pages ul,
    #home-top-widget .widget_archive ul,
    #home-top-widget .widget_recent_entries ul,
    #home-top-widget .widget_pages ul,
    #post-bottom-widget .widget_archive ul,
    #post-bottom-widget .widget_recent_entries ul,
    #post-bottom-widget .widget_pages ul,
    #post-top-widget .widget_archive ul,
    #post-top-widget .widget_recent_entries ul,
    #post-top-widget .widget_pages ul {
      padding: 10px 12px !important; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget_archive ul,
    #home-bottom-widget .widget_recent_entries ul,
    #home-bottom-widget .widget_pages ul,
    #home-top-widget .widget_archive ul,
    #home-top-widget .widget_recent_entries ul,
    #home-top-widget .widget_pages ul,
    #post-bottom-widget .widget_archive ul,
    #post-bottom-widget .widget_recent_entries ul,
    #post-bottom-widget .widget_pages ul,
    #post-top-widget .widget_archive ul,
    #post-top-widget .widget_recent_entries ul,
    #post-top-widget .widget_pages ul {
      padding: 13px 20px !important; } }
  #home-bottom-widget .widget_recent_entries ul li:last-child,
  #home-top-widget .widget_recent_entries ul li:last-child,
  #post-bottom-widget .widget_recent_entries ul li:last-child,
  #post-top-widget .widget_recent_entries ul li:last-child {
    border-bottom: none; }
  #home-bottom-widget .widget_archive select,
  #home-bottom-widget .widget_categories select,
  #home-bottom-widget .widget_pages select,
  #home-top-widget .widget_archive select,
  #home-top-widget .widget_categories select,
  #home-top-widget .widget_pages select,
  #post-bottom-widget .widget_archive select,
  #post-bottom-widget .widget_categories select,
  #post-bottom-widget .widget_pages select,
  #post-top-widget .widget_archive select,
  #post-top-widget .widget_categories select,
  #post-top-widget .widget_pages select {
    padding-left: 25px;
    background: #fff; }
    @media (min-width: 768px) {
      #home-bottom-widget .widget_archive select,
      #home-bottom-widget .widget_categories select,
      #home-bottom-widget .widget_pages select,
      #home-top-widget .widget_archive select,
      #home-top-widget .widget_categories select,
      #home-top-widget .widget_pages select,
      #post-bottom-widget .widget_archive select,
      #post-bottom-widget .widget_categories select,
      #post-bottom-widget .widget_pages select,
      #post-top-widget .widget_archive select,
      #post-top-widget .widget_categories select,
      #post-top-widget .widget_pages select {
        font-size: 18px; } }
  @media (max-width: 767px) {
    #home-bottom-widget .widget_categories ul,
    #home-top-widget .widget_categories ul,
    #post-bottom-widget .widget_categories ul,
    #post-top-widget .widget_categories ul {
      padding: 10px 15px !important; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget_categories ul,
    #home-top-widget .widget_categories ul,
    #post-bottom-widget .widget_categories ul,
    #post-top-widget .widget_categories ul {
      margin-left: 0;
      padding: 13px 20px !important; } }
  #home-bottom-widget .widget_categories ul li,
  #home-top-widget .widget_categories ul li,
  #post-bottom-widget .widget_categories ul li,
  #post-top-widget .widget_categories ul li {
    padding-left: 10px; }
  @media (max-width: 767px) {
    #home-bottom-widget .widget_nav_menu .menu,
    #home-top-widget .widget_nav_menu .menu,
    #post-bottom-widget .widget_nav_menu .menu,
    #post-top-widget .widget_nav_menu .menu {
      padding: 10px 15px !important; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget_nav_menu .menu,
    #home-top-widget .widget_nav_menu .menu,
    #post-bottom-widget .widget_nav_menu .menu,
    #post-top-widget .widget_nav_menu .menu {
      padding: 13px 20px !important; } }
  #home-bottom-widget .widget_nav_menu .menu li,
  #home-top-widget .widget_nav_menu .menu li,
  #post-bottom-widget .widget_nav_menu .menu li,
  #post-top-widget .widget_nav_menu .menu li {
    padding-left: 10px; }
  #home-bottom-widget .widget_nav_menu .menu li:last-child,
  #home-top-widget .widget_nav_menu .menu li:last-child,
  #post-bottom-widget .widget_nav_menu .menu li:last-child,
  #post-top-widget .widget_nav_menu .menu li:last-child {
    padding-bottom: 14px !important; }
  #home-bottom-widget .widget_recent_comments ul,
  #home-top-widget .widget_recent_comments ul,
  #post-bottom-widget .widget_recent_comments ul,
  #post-top-widget .widget_recent_comments ul {
    padding: 10px 30px 5px !important; }
  #home-bottom-widget .widget_recent_comments ul li:last-child,
  #home-top-widget .widget_recent_comments ul li:last-child,
  #post-bottom-widget .widget_recent_comments ul li:last-child,
  #post-top-widget .widget_recent_comments ul li:last-child {
    border-bottom: none; }
  #home-bottom-widget .widget_tag_cloud .tagcloud,
  #home-top-widget .widget_tag_cloud .tagcloud,
  #post-bottom-widget .widget_tag_cloud .tagcloud,
  #post-top-widget .widget_tag_cloud .tagcloud {
    padding: 15px; }
    #home-bottom-widget .widget_tag_cloud .tagcloud a,
    #home-top-widget .widget_tag_cloud .tagcloud a,
    #post-bottom-widget .widget_tag_cloud .tagcloud a,
    #post-top-widget .widget_tag_cloud .tagcloud a {
      font-size: 0.7em !important; }
    #home-bottom-widget .widget_tag_cloud .tagcloud a:before,
    #home-top-widget .widget_tag_cloud .tagcloud a:before,
    #post-bottom-widget .widget_tag_cloud .tagcloud a:before,
    #post-top-widget .widget_tag_cloud .tagcloud a:before {
      font-family: "jin-icons";
      content: "\e92c";
      padding-right: 3px;
      vertical-align: bottom;
      line-height: 1.05rem;
      -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
      transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    #home-bottom-widget .widget_tag_cloud .tagcloud a:hover::before,
    #home-top-widget .widget_tag_cloud .tagcloud a:hover::before,
    #post-bottom-widget .widget_tag_cloud .tagcloud a:hover::before,
    #post-top-widget .widget_tag_cloud .tagcloud a:hover::before {
      color: #fff !important; }
  #home-bottom-widget .widget_text .textwidget,
  #home-top-widget .widget_text .textwidget,
  #post-bottom-widget .widget_text .textwidget,
  #post-top-widget .widget_text .textwidget {
    padding: 10px 25px !important; }
    @media (min-width: 768px) {
      #home-bottom-widget .widget_text .textwidget,
      #home-top-widget .widget_text .textwidget,
      #post-bottom-widget .widget_text .textwidget,
      #post-top-widget .widget_text .textwidget {
        font-size: 1.0rem; } }
  #home-bottom-widget .widget_search,
  #home-top-widget .widget_search,
  #post-bottom-widget .widget_search,
  #post-top-widget .widget_search {
    box-shadow: none !important;
    background: transparent; }
    #home-bottom-widget .widget_search .widgettitle,
    #home-top-widget .widget_search .widgettitle,
    #post-bottom-widget .widget_search .widgettitle,
    #post-top-widget .widget_search .widgettitle {
      margin-bottom: 15px; }
    #home-bottom-widget .widget_search .search-box,
    #home-top-widget .widget_search .search-box,
    #post-bottom-widget .widget_search .search-box,
    #post-top-widget .widget_search .search-box {
      margin-bottom: 30px; }
    #home-bottom-widget .widget_search .search-box input[type="search"],
    #home-top-widget .widget_search .search-box input[type="search"],
    #post-bottom-widget .widget_search .search-box input[type="search"],
    #post-top-widget .widget_search .search-box input[type="search"] {
      border-radius: 30px;
      padding-right: 60px;
      height: 45px;
      border: none;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18); }
    #home-bottom-widget .widget_search .search-box input[type="submit"],
    #home-top-widget .widget_search .search-box input[type="submit"],
    #post-bottom-widget .widget_search .search-box input[type="submit"],
    #post-top-widget .widget_search .search-box input[type="submit"] {
      height: 45px;
      width: 48px;
      color: #fff !important;
      border-radius: 0 30px 30px 0;
      font-size: 22px; }
      @media (max-width: 767px) {
        #home-bottom-widget .widget_search .search-box input[type="submit"],
        #home-top-widget .widget_search .search-box input[type="submit"],
        #post-bottom-widget .widget_search .search-box input[type="submit"],
        #post-top-widget .widget_search .search-box input[type="submit"] {
          font-size: 21px;
          right: 0px; } }
    @media (max-width: 767px) {
      #home-bottom-widget .widget_search input[type="submit"],
      #home-top-widget .widget_search input[type="submit"],
      #post-bottom-widget .widget_search input[type="submit"],
      #post-top-widget .widget_search input[type="submit"] {
        padding: 5px 5px 5px 0px; } }
  #home-bottom-widget .widget-popular .pop-num,
  #home-top-widget .widget-popular .pop-num,
  #post-bottom-widget .widget-popular .pop-num,
  #post-top-widget .widget-popular .pop-num {
    border-radius: 0 0 2px 0; }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-popular .pop-num,
      #home-top-widget .widget-popular .pop-num,
      #post-bottom-widget .widget-popular .pop-num,
      #post-top-widget .widget-popular .pop-num {
        line-height: 6px;
        font-size: 0.85rem;
        font-weight: bold;
        width: 25px;
        height: 25px; } }
  #home-bottom-widget .widget-popular .popular-item a:hover,
  #home-top-widget .widget-popular .popular-item a:hover,
  #post-bottom-widget .widget-popular .popular-item a:hover,
  #post-top-widget .widget-popular .popular-item a:hover {
    transform: scale(0.99);
    transition: 0.3s;
    will-change: transform; }
  #home-bottom-widget .widget-popular #new-entry-box,
  #home-top-widget .widget-popular #new-entry-box,
  #post-bottom-widget .widget-popular #new-entry-box,
  #post-top-widget .widget-popular #new-entry-box {
    padding: 10px 20px; }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-popular #new-entry-box,
      #home-top-widget .widget-popular #new-entry-box,
      #post-bottom-widget .widget-popular #new-entry-box,
      #post-top-widget .widget-popular #new-entry-box {
        padding: 20px 30px; } }
  @media (max-width: 767px) {
    #home-bottom-widget .widget-popular .new-entry-item-title,
    #home-top-widget .widget-popular .new-entry-item-title,
    #post-bottom-widget .widget-popular .new-entry-item-title,
    #post-top-widget .widget-popular .new-entry-item-title {
      font-size: 0.75rem !important; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-popular .new-entry-item-title,
    #home-top-widget .widget-popular .new-entry-item-title,
    #post-bottom-widget .widget-popular .new-entry-item-title,
    #post-top-widget .widget-popular .new-entry-item-title {
      font-size: 1.05rem; } }
  #home-bottom-widget .widget-profile .my-profile,
  #home-top-widget .widget-profile .my-profile,
  #post-bottom-widget .widget-profile .my-profile,
  #post-top-widget .widget-profile .my-profile {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    background: #fff;
    border-radius: 0 0 3px 3px; }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-profile .my-profile,
      #home-top-widget .widget-profile .my-profile,
      #post-bottom-widget .widget-profile .my-profile,
      #post-top-widget .widget-profile .my-profile {
        padding: 30px 30px 65px 30px; } }
    @media (max-width: 767px) {
      #home-bottom-widget .widget-profile .my-profile,
      #home-top-widget .widget-profile .my-profile,
      #post-bottom-widget .widget-profile .my-profile,
      #post-top-widget .widget-profile .my-profile {
        padding-bottom: 85px; } }
    #home-bottom-widget .widget-profile .my-profile .profile-sns-menu-title,
    #home-top-widget .widget-profile .my-profile .profile-sns-menu-title,
    #post-bottom-widget .widget-profile .my-profile .profile-sns-menu-title,
    #post-top-widget .widget-profile .my-profile .profile-sns-menu-title {
      display: none; }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-profile .my-profile .myjob,
      #home-bottom-widget .widget-profile .my-profile .myname,
      #home-top-widget .widget-profile .my-profile .myjob,
      #home-top-widget .widget-profile .my-profile .myname,
      #post-bottom-widget .widget-profile .my-profile .myjob,
      #post-bottom-widget .widget-profile .my-profile .myname,
      #post-top-widget .widget-profile .my-profile .myjob,
      #post-top-widget .widget-profile .my-profile .myname {
        position: static;
        display: inline;
        width: auto;
        text-align: left; } }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-profile .my-profile .myname,
      #home-top-widget .widget-profile .my-profile .myname,
      #post-bottom-widget .widget-profile .my-profile .myname,
      #post-top-widget .widget-profile .my-profile .myname {
        margin-left: 130px;
        margin-right: 10px;
        float: left; } }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-profile .my-profile .my-profile-thumb,
      #home-top-widget .widget-profile .my-profile .my-profile-thumb,
      #post-bottom-widget .widget-profile .my-profile .my-profile-thumb,
      #post-top-widget .widget-profile .my-profile .my-profile-thumb {
        position: absolute;
        top: 20px;
        left: 30px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 3px solid #c2c2c2; } }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-profile .my-profile .myintro,
      #home-top-widget .widget-profile .my-profile .myintro,
      #post-bottom-widget .widget-profile .my-profile .myintro,
      #post-top-widget .widget-profile .my-profile .myintro {
        float: left;
        margin-top: 10px !important;
        margin-left: 130px;
        margin-bottom: 0px; } }
    @media (min-width: 768px) {
      #home-bottom-widget .widget-profile .my-profile .profile-sns-menu,
      #home-top-widget .widget-profile .my-profile .profile-sns-menu,
      #post-bottom-widget .widget-profile .my-profile .profile-sns-menu,
      #post-top-widget .widget-profile .my-profile .profile-sns-menu {
        display: flex;
        justify-content: flex-end;
        padding: 8px 20px 8px 0; }
        #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li,
        #home-top-widget .widget-profile .my-profile .profile-sns-menu li,
        #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li,
        #post-top-widget .widget-profile .my-profile .profile-sns-menu li {
          margin-left: 10px;
          margin-right: 10px; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li a {
            -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
            transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
            display: block;
            width: 34px;
            height: 32px;
            color: #fff;
            margin: 0 4px;
            overflow: hidden;
            text-decoration: none !important;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.18); }
            #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a svg,
            #home-top-widget .widget-profile .my-profile .profile-sns-menu li a svg,
            #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a svg,
            #post-top-widget .widget-profile .my-profile .profile-sns-menu li a svg {
              fill: #fff !important; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a:hover,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li a:hover,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a:hover,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li a:hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2); }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-fb a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-fb a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-fb a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-fb a {
            padding: 8px 8px 9px 9px; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-tw a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-tw a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-tw a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-tw a {
            font-size: 24px;
            padding: 4px; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-line a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-line a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-line a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-line a {
            font-size: 24px;
            padding: 4px; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-insta a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-insta a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-insta a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-insta a {
            font-size: 15px;
            padding: 9px 8px 9px 9px; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-youtube a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-youtube a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-youtube a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-youtube a {
            font-size: 17px;
            padding: 8px; }
          #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-contact a,
          #home-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-contact a,
          #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li .pro-contact a,
          #post-top-widget .widget-profile .my-profile .profile-sns-menu li .pro-contact a {
            font-size: 17px;
            padding: 7px 8px 8px 8px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-profile .my-profile::after,
    #home-top-widget .widget-profile .my-profile::after,
    #post-bottom-widget .widget-profile .my-profile::after,
    #post-top-widget .widget-profile .my-profile::after {
      content: "";
      display: block;
      clear: both; } }
  @media (max-width: 767px) {
    #home-bottom-widget .widget-ranking,
    #home-top-widget .widget-ranking,
    #post-bottom-widget .widget-ranking,
    #post-top-widget .widget-ranking {
      box-shadow: none !important; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking,
    #home-top-widget .widget-ranking,
    #post-bottom-widget .widget-ranking,
    #post-top-widget .widget-ranking {
      border-radius: 3px;
      background: #fff; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .widgettitle,
    #home-top-widget .widget-ranking .widgettitle,
    #post-bottom-widget .widget-ranking .widgettitle,
    #post-top-widget .widget-ranking .widgettitle {
      padding: 10px 30px;
      color: #fff;
      text-align: center; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .wide-layout,
    #home-top-widget .widget-ranking .wide-layout,
    #post-bottom-widget .widget-ranking .wide-layout,
    #post-top-widget .widget-ranking .wide-layout {
      padding: 15px 20px 20px; } }
  @media (min-width: 1200px) {
    #home-bottom-widget .widget-ranking .wide-layout,
    #home-top-widget .widget-ranking .wide-layout,
    #post-bottom-widget .widget-ranking .wide-layout,
    #post-top-widget .widget-ranking .wide-layout {
      padding: 15px 40px 40px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .side-ranking-title,
    #home-top-widget .widget-ranking .side-ranking-title,
    #post-bottom-widget .widget-ranking .side-ranking-title,
    #post-top-widget .widget-ranking .side-ranking-title {
      padding-left: 50px;
      font-size: 1.20rem;
      line-height: 1.50rem; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .side-ranking-img,
    #home-top-widget .widget-ranking .side-ranking-img,
    #post-bottom-widget .widget-ranking .side-ranking-img,
    #post-top-widget .widget-ranking .side-ranking-img {
      width: 40%; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .side-ranking-info,
    #home-top-widget .widget-ranking .side-ranking-info,
    #post-bottom-widget .widget-ranking .side-ranking-info,
    #post-top-widget .widget-ranking .side-ranking-info {
      width: 60%;
      margin-top: 0;
      padding: 0 15px;
      font-size: 0.95rem;
      line-height: 1.45rem; } }
  @media (max-width: 767px) {
    #home-bottom-widget .widget-ranking .side-ranking-meta,
    #home-top-widget .widget-ranking .side-ranking-meta,
    #post-bottom-widget .widget-ranking .side-ranking-meta,
    #post-top-widget .widget-ranking .side-ranking-meta {
      padding: 0 15px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .side-ranking-meta,
    #home-top-widget .widget-ranking .side-ranking-meta,
    #post-bottom-widget .widget-ranking .side-ranking-meta,
    #post-top-widget .widget-ranking .side-ranking-meta {
      display: flex;
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .side-btn-box,
    #home-top-widget .widget-ranking .side-btn-box,
    #post-bottom-widget .widget-ranking .side-btn-box,
    #post-top-widget .widget-ranking .side-btn-box {
      padding: 0 20px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .side-ranking-btn,
    #home-top-widget .widget-ranking .side-ranking-btn,
    #post-bottom-widget .widget-ranking .side-ranking-btn,
    #post-top-widget .widget-ranking .side-ranking-btn {
      margin: 0 5px; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-ranking .color-button01 a,
    #home-bottom-widget .widget-ranking .color-button02 a,
    #home-top-widget .widget-ranking .color-button01 a,
    #home-top-widget .widget-ranking .color-button02 a,
    #post-bottom-widget .widget-ranking .color-button01 a,
    #post-bottom-widget .widget-ranking .color-button02 a,
    #post-top-widget .widget-ranking .color-button01 a,
    #post-top-widget .widget-ranking .color-button02 a {
      font-size: 1.05rem;
      padding: 8px 9px; } }
  @media (min-width: 1200px) {
    #home-bottom-widget .widget-ranking .color-button01 a,
    #home-bottom-widget .widget-ranking .color-button02 a,
    #home-top-widget .widget-ranking .color-button01 a,
    #home-top-widget .widget-ranking .color-button02 a,
    #post-bottom-widget .widget-ranking .color-button01 a,
    #post-bottom-widget .widget-ranking .color-button02 a,
    #post-top-widget .widget-ranking .color-button01 a,
    #post-top-widget .widget-ranking .color-button02 a {
      padding: 11px 9px; } }
  #home-bottom-widget .widget-recommend ul,
  #home-bottom-widget .widget-recent-post ul,
  #home-top-widget .widget-recommend ul,
  #home-top-widget .widget-recent-post ul,
  #post-bottom-widget .widget-recommend ul,
  #post-bottom-widget .widget-recent-post ul,
  #post-top-widget .widget-recommend ul,
  #post-top-widget .widget-recent-post ul {
    padding: 13px 20px !important; }
  @media (max-width: 767px) {
    #home-bottom-widget .widget-recommend .new-entry-item-title,
    #home-bottom-widget .widget-recent-post .new-entry-item-title,
    #home-top-widget .widget-recommend .new-entry-item-title,
    #home-top-widget .widget-recent-post .new-entry-item-title,
    #post-bottom-widget .widget-recommend .new-entry-item-title,
    #post-bottom-widget .widget-recent-post .new-entry-item-title,
    #post-top-widget .widget-recommend .new-entry-item-title,
    #post-top-widget .widget-recent-post .new-entry-item-title {
      font-size: 0.75rem !important; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-recommend .new-entry-item-title,
    #home-bottom-widget .widget-recent-post .new-entry-item-title,
    #home-top-widget .widget-recommend .new-entry-item-title,
    #home-top-widget .widget-recent-post .new-entry-item-title,
    #post-bottom-widget .widget-recommend .new-entry-item-title,
    #post-bottom-widget .widget-recent-post .new-entry-item-title,
    #post-top-widget .widget-recommend .new-entry-item-title,
    #post-top-widget .widget-recent-post .new-entry-item-title {
      font-size: 1.05rem; } }
  @media (min-width: 768px) {
    #home-bottom-widget .widget-popular .new-entry,
    #home-bottom-widget .widget-recent-post .new-entry,
    #home-top-widget .widget-popular .new-entry,
    #home-top-widget .widget-recent-post .new-entry,
    #post-bottom-widget .widget-popular .new-entry,
    #post-bottom-widget .widget-recent-post .new-entry,
    #post-top-widget .widget-popular .new-entry,
    #post-top-widget .widget-recent-post .new-entry {
      width: calc(23.3%) !important; } }

/*１カラムのトップページウィジェット調整*/
@media (min-width: 768px) {
  #main-contents-one #home-bottom-widget,
  #main-contents-one #home-top-widget,
  #main-contents-one #post-bottom-widget,
  #main-contents-one #post-top-widget {
    padding: 24px; } }
#main-contents-one #home-bottom-widget .widgettitle,
#main-contents-one #home-top-widget .widgettitle,
#main-contents-one #post-bottom-widget .widgettitle,
#main-contents-one #post-top-widget .widgettitle {
  font-size: 1.5rem; }
@media (min-width: 768px) {
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout,
  #main-contents-one #home-top-widget .widget-ranking .wide-layout,
  #main-contents-one #post-bottom-widget .widget-ranking .wide-layout,
  #main-contents-one #post-top-widget .widget-ranking .wide-layout {
    padding: 15px 5px 25px; }
    #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul,
    #main-contents-one #home-top-widget .widget-ranking .wide-layout ul,
    #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul,
    #main-contents-one #post-top-widget .widget-ranking .wide-layout ul {
      display: flex;
      justify-content: center; }
      #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul li,
      #main-contents-one #home-top-widget .widget-ranking .wide-layout ul li,
      #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul li,
      #main-contents-one #post-top-widget .widget-ranking .wide-layout ul li {
        margin: 0 10px;
        width: 30%; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-img,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-img,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-img,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-img {
    width: 100%;
    margin-bottom: 15px; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-info,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-info,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-info,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-info {
    width: 100%; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-meta,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-meta,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-meta,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-meta {
    display: block; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-btn-box,
  #main-contents-one #home-top-widget .widget-ranking .side-btn-box,
  #main-contents-one #post-bottom-widget .widget-ranking .side-btn-box,
  #main-contents-one #post-top-widget .widget-ranking .side-btn-box {
    padding: 0; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-btn,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-btn,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-btn,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-btn {
    margin: 3px; } }
@media (min-width: 768px) and (max-width: 1024px) {
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul li .side-btn-box,
  #main-contents-one #home-top-widget .widget-ranking .wide-layout ul li .side-btn-box,
  #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul li .side-btn-box,
  #main-contents-one #post-top-widget .widget-ranking .wide-layout ul li .side-btn-box {
    flex-direction: column; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-title,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-title,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-title,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-title {
    font-size: 1.05rem;
    line-height: 1.4rem; } }
#main-contents-one #home-bottom-widget .widget-profile .profile-sns-menu,
#main-contents-one #home-top-widget .widget-profile .profile-sns-menu,
#main-contents-one #post-bottom-widget .widget-profile .profile-sns-menu,
#main-contents-one #post-top-widget .widget-profile .profile-sns-menu {
  border-radius: 0 0 3px 3px; }
#main-contents-one #home-bottom-widget .widget-profile .my-profile,
#main-contents-one #home-top-widget .widget-profile .my-profile,
#main-contents-one #post-bottom-widget .widget-profile .my-profile,
#main-contents-one #post-top-widget .widget-profile .my-profile {
  border-radius: 0 0 3px 3px; }
  @media (min-width: 768px) {
    #main-contents-one #home-bottom-widget .widget-profile .my-profile,
    #main-contents-one #home-top-widget .widget-profile .my-profile,
    #main-contents-one #post-bottom-widget .widget-profile .my-profile,
    #main-contents-one #post-top-widget .widget-profile .my-profile {
      padding: 30px 30px 65px 30px; } }
  @media (min-width: 1200px) {
    #main-contents-one #home-bottom-widget .widget-profile .my-profile,
    #main-contents-one #home-top-widget .widget-profile .my-profile,
    #main-contents-one #post-bottom-widget .widget-profile .my-profile,
    #main-contents-one #post-top-widget .widget-profile .my-profile {
      padding: 30px 30px 85px 30px; } }

/* フッターウィジェット */
#footer-widget-area. {
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px !important; }
  @media (max-width: 767px) {
    #footer-widget-area. {
      width: 100%;
      padding-left: 0;
      margin: 0 auto;
      font-weight: 300 !important; } }
  @media (min-width: 768px) {
    #footer-widget-area.footer_type1 {
      width: 100%;
      padding-left: 0;
      margin: 0 auto;
      font-weight: 200 !important; } }
  #footer-widget-area.footer_type1 .textwidget p {
    line-height: 1.55rem !important; }
    @media (max-width: 767px) {
      #footer-widget-area.footer_type1 .textwidget p {
        font-size: 0.95rem !important; } }
    @media (min-width: 768px) {
      #footer-widget-area.footer_type1 .textwidget p {
        font-size: 0.85rem !important; } }

#footer-widget-area.footer_type2 {
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px !important; }
  @media (max-width: 767px) {
    #footer-widget-area.footer_type2 {
      padding-left: 15px;
      padding-right: 15px;
      font-weight: 300 !important; } }
  @media (min-width: 768px) {
    #footer-widget-area.footer_type2 {
      width: calc(100% - 40px);
      padding-left: 0;
      margin: 0 20px;
      font-weight: 200 !important;
      border-radius: 2px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }
  @media (min-width: 1200px) {
    #footer-widget-area.footer_type2 {
      width: 1140px;
      padding-left: 0;
      margin: 0 auto;
      font-weight: 200 !important; } }
  #footer-widget-area.footer_type2 .textwidget p {
    line-height: 1.55rem !important; }
    @media (max-width: 767px) {
      #footer-widget-area.footer_type2 .textwidget p {
        font-size: 0.95rem !important; } }
    @media (min-width: 768px) {
      #footer-widget-area.footer_type2 .textwidget p {
        font-size: 0.85rem !important; } }
  @media (min-width: 1200px) {
    #footer-widget-area.footer_type2 #footer-widget-box {
      margin-bottom: -45px;
      width: 1140px; } }

@media (min-width: 768px) {
  #footer-widget-box {
    display: flex;
    margin: 0 auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; } }
@media (min-width: 1200px) {
  #footer-widget-box {
    width: 1200px;
    padding-left: 30px;
    padding-right: 30px; } }
#footer-widget-box #wp-calendar {
  color: #555; }

@media (min-width: 768px) {
  #footer-widget-area.footer_style1 {
    padding-bottom: 0px !important; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-left {
    flex: 0.8; } }
@media (max-width: 767px) {
  #footer-widget-area.footer_style1 #footer-widget-left {
    display: block; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-right {
    flex: 1; } }
@media (max-width: 767px) {
  #footer-widget-area.footer_style1 #footer-widget-right {
    display: block; } }
@media (max-width: 767px) {
  #footer-widget-area.footer_style1 #footer-widget-center-box {
    display: block; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-center-box {
    flex: 1; } }
@media (min-width: 1024px) {
  #footer-widget-area.footer_style1 #footer-widget-center-box {
    display: flex; } }
@media (max-width: 767px) {
  #footer-widget-area.footer_style1 #footer-widget-center1,
  #footer-widget-area.footer_style1 #footer-widget-center2 {
    display: block; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-center1,
  #footer-widget-area.footer_style1 #footer-widget-center2 {
    display: block; } }
@media (min-width: 1024px) {
  #footer-widget-area.footer_style1 #footer-widget-center1,
  #footer-widget-area.footer_style1 #footer-widget-center2 {
    flex: 1; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-center1,
  #footer-widget-area.footer_style1 #footer-widget-center2,
  #footer-widget-area.footer_style1 #footer-widget-right {
    margin-left: 45px; } }
@media (max-width: 767px) {
  #footer-widget-area.footer_style1 #footer-widget-left .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-left .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-left .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li a {
    font-size: 0.85rem !important;
    font-weight: 500 !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .new-entry-item-title,
  #footer-widget-area.footer_style1 #footer-widget-center1 .new-entry-item-title,
  #footer-widget-area.footer_style1 #footer-widget-center2 .new-entry-item-title,
  #footer-widget-area.footer_style1 #footer-widget-right .new-entry-item-title {
    font-size: 0.85rem !important;
    font-weight: 500 !important; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-left #search-btn,
  #footer-widget-area.footer_style1 #footer-widget-center1 #search-btn,
  #footer-widget-area.footer_style1 #footer-widget-center2 #search-btn,
  #footer-widget-area.footer_style1 #footer-widget-right #search-btn {
    right: 0px; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-left .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-left .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li a {
    font-weight: 300 !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .new-entry-item-title,
  #footer-widget-area.footer_style1 #footer-widget-center1 .new-entry-item-title,
  #footer-widget-area.footer_style1 #footer-widget-center2 .new-entry-item-title,
  #footer-widget-area.footer_style1 #footer-widget-right .new-entry-item-title {
    font-weight: 200 !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_categories label,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories label,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories label,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_categories label {
    display: none; }
  #footer-widget-area.footer_style1 #footer-widget-left .widgettitle,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widgettitle,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widgettitle,
  #footer-widget-area.footer_style1 #footer-widget-right .widgettitle {
    background: none;
    font-weight: 500 !important;
    border-top: none;
    box-shadow: none;
    border-bottom: none !important;
    border-left: 3px solid #fff;
    padding-bottom: 0px;
    padding-left: 10px !important;
    padding-right: 5px;
    font-size: 0.95rem !important;
    line-height: 1.15rem !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li {
    border-color: rgba(255, 255, 255, 0.25); }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li {
    border-color: rgba(255, 255, 255, 0.75); }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li {
    font-weight: 400; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li > ul > li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li > ul > li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li > ul > li,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li > ul > li {
    font-weight: 300; }
  #footer-widget-area.footer_style1 #footer-widget-left ul li a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center1 ul li a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center2 ul li a:hover,
  #footer-widget-area.footer_style1 #footer-widget-right ul li a:hover {
    color: #008db7; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_tag_cloud a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_tag_cloud a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_tag_cloud a,
  #footer-widget-area.footer_style1 #footer-widget-right .widget_tag_cloud a {
    color: #eee;
    font-size: 0.55rem !important;
    background: rgba(255, 255, 255, 0.25); } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a {
    border: none !important;
    position: relative; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a:before {
    font-family: "jin-icons";
    position: absolute;
    line-height: 0;
    width: 14px;
    height: 1px;
    padding-left: 2px;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul {
    margin: 0;
    padding: 0; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu li {
    margin: 0;
    padding: 0; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a {
    font-size: 0.7rem !important;
    font-weight: 300 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 15px !important;
    padding-right: 0 !important;
    line-height: 1.05rem; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li a {
    padding-left: 30px !important; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li ul li a,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li ul li a {
    padding-left: 45px !important; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li {
    border: none !important; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a:before {
    left: -2px;
    top: 14px;
    content: '\e904';
    font-size: 0.7rem !important;
    width: 0; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li a:before {
    left: 13px; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li ul li a:before,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li ul li a:before {
    left: 28px; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li > a:hover,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul > li > a:hover {
    -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul .count,
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul .count,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul .count,
  #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul .count {
    display: none; } }

@media (min-width: 768px) {
  #footer-widget-area.footer_style1.footer_type2 {
    padding-bottom: 45px !important; } }

@media (min-width: 768px) {
  #footer-widget-area.footer_style2 #footer-widget-left,
  #footer-widget-area.footer_style2 #footer-widget-center,
  #footer-widget-area.footer_style2 #footer-widget-right {
    flex: 1; } }
@media (max-width: 767px) {
  #footer-widget-area.footer_style2 #footer-widget-left,
  #footer-widget-area.footer_style2 #footer-widget-center,
  #footer-widget-area.footer_style2 #footer-widget-right {
    display: block; } }
@media (min-width: 768px) {
  #footer-widget-area.footer_style2 #footer-widget-center,
  #footer-widget-area.footer_style2 #footer-widget-right {
    margin-left: 45px; } }
#footer-widget-area.footer_style2 #footer-widget-left #search-btn,
#footer-widget-area.footer_style2 #footer-widget-center #search-btn,
#footer-widget-area.footer_style2 #footer-widget-right #search-btn {
  right: 0px; }
#footer-widget-area.footer_style2 #footer-widget-left .new-entry-item-title,
#footer-widget-area.footer_style2 #footer-widget-center .new-entry-item-title,
#footer-widget-area.footer_style2 #footer-widget-right .new-entry-item-title {
  font-weight: 300; }
#footer-widget-area.footer_style2 #footer-widget-left .widget_categories label,
#footer-widget-area.footer_style2 #footer-widget-center .widget_categories label,
#footer-widget-area.footer_style2 #footer-widget-right .widget_categories label {
  display: none; }
#footer-widget-area.footer_style2 #footer-widget-left .widgettitle,
#footer-widget-area.footer_style2 #footer-widget-center .widgettitle,
#footer-widget-area.footer_style2 #footer-widget-right .widgettitle {
  background: none;
  font-weight: 400;
  border-top: none;
  box-shadow: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px; }
#footer-widget-area.footer_style2 #footer-widget-left .widget_categories ul li::before,
#footer-widget-area.footer_style2 #footer-widget-left .widget_archive ul li::before,
#footer-widget-area.footer_style2 #footer-widget-left .widget_recent_entries ul li::before,
#footer-widget-area.footer_style2 #footer-widget-left .widget_pages ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_categories ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_archive ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_recent_entries ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_pages ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_categories ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_archive ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_recent_entries ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_pages ul li::before {
  border-color: #ddd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li {
  border-color: rgba(255, 255, 255, 0.25); }
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul li {
  border-color: rgba(255, 255, 255, 0.75); }
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li {
  font-weight: 400; }
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li > ul > li {
  font-weight: 300; }
#footer-widget-area.footer_style2 #footer-widget-left ul li a:hover,
#footer-widget-area.footer_style2 #footer-widget-center ul li a:hover,
#footer-widget-area.footer_style2 #footer-widget-right ul li a:hover {
  color: #008db7; }
#footer-widget-area.footer_style2 #footer-widget-left .widget_tag_cloud a,
#footer-widget-area.footer_style2 #footer-widget-center .widget_tag_cloud a,
#footer-widget-area.footer_style2 #footer-widget-right .widget_tag_cloud a {
  color: #eee; }

.footer-widget {
  margin-bottom: 45px;
  font-size: 0.95rem; }

.search-box input[type="search"] {
  -webkit-appearance: none;
  border-radius: none; }

/* サイドバーランキング */
.wide-layout ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }
  .wide-layout ul li {
    margin-bottom: 20px; }
    .wide-layout ul li .side-ranking-title {
      font-size: 17px;
      line-height: 1.3rem;
      font-weight: 400;
      position: relative; }
      @media (max-width: 767px) {
        .wide-layout ul li .side-ranking-title {
          font-weight: 500; } }
    .wide-layout ul li .side-ranking-meta {
      margin-top: 15px; }
      .wide-layout ul li .side-ranking-meta .side-ranking-img img {
        display: none; }
      .wide-layout ul li .side-ranking-meta .side-ranking-img a {
        overflow: hidden;
        display: block; }
        .wide-layout ul li .side-ranking-meta .side-ranking-img a img {
          width: 100%;
          height: auto;
          display: block;
          background: #fff;
          -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
          transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
      .wide-layout ul li .side-ranking-meta .side-ranking-img a:hover img {
        -webkit-filter: opacity(0.8);
        filter: opacity(0.8); }
      .wide-layout ul li .side-ranking-meta .side-ranking-info {
        font-size: 0.85rem;
        line-height: 1.35rem;
        margin-top: 15px;
        margin-bottom: 15px; }
    .wide-layout ul li .side-btn-box {
      display: flex; }
    .wide-layout ul li .side-ranking-btn {
      flex: 1; }
      .wide-layout ul li .side-ranking-btn a {
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px; }
    @media (max-width: 767px) {
      .wide-layout ul li .color-button01 a,
      .wide-layout ul li .color-button02 a {
        padding-top: 11px;
        padding-bottom: 11px;
        font-size: 1rem; } }
    @media (min-width: 768px) {
      .wide-layout ul li .color-button01 a,
      .wide-layout ul li .color-button02 a {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 0.95rem; } }
    .wide-layout ul li .color-button01:before,
    .wide-layout ul li .color-button02:before {
      display: block;
      width: 100%; }
  .wide-layout ul li:last-child {
    margin-bottom: 0; }
  .wide-layout ul li:first-child h3 {
    border-color: #FFCF24; }
  .wide-layout ul li:nth-child(2) h3 {
    border-color: #A0A9B1; }
  .wide-layout ul li:nth-child(3) h3 {
    border-color: #B26A2B; }

.simple-style h3 {
  border-bottom: 1px solid;
  padding-left: 45px;
  padding-top: 23px;
  padding-bottom: 3px;
  letter-spacing: 0; }
  .simple-style h3 img {
    width: 45px;
    position: absolute;
    left: -2px;
    bottom: 4px; }

.luxe-style h3 {
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 3px;
  letter-spacing: 0;
  border-bottom: 3px double; }
  .luxe-style h3 img {
    position: absolute;
    width: 35px;
    top: 7px;
    left: -5px; }
.luxe-style li:first-child h3 {
  border-bottom-color: #D09F30 !important; }

.girly-style h3 {
  border-bottom: 2px dotted;
  padding-left: 47px;
  padding-top: 23px;
  padding-bottom: 3px;
  letter-spacing: 0; }
  .girly-style h3 img {
    width: 43px;
    position: absolute;
    left: 0px;
    bottom: 3px; }

/* プロフィールウィジェット */
.widget-profile {
  overflow: hidden;
  position: relative; }

#footer-widget-area .my-profile {
  background: rgba(255, 255, 255, 0.15) !important; }
  @media (max-width: 767px) {
    #footer-widget-area .my-profile {
      border: none !important; } }
  @media (min-width: 768px) {
    #footer-widget-area .my-profile {
      box-shadow: none !important;
      padding: 10px !important;
      padding-bottom: 10px !important; } }
  @media (min-width: 1024px) {
    #footer-widget-area .my-profile {
      padding: 25px !important;
      padding-bottom: 25px !important; } }
@media (max-width: 767px) {
  #footer-widget-area .my-profile-thumb {
    box-shadow: none !important; } }
#footer-widget-area .myjob {
  color: rgba(255, 255, 255, 0.7) !important; }
#footer-widget-area .popular-count {
  color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.7) !important; }

@media (min-width: 768px) {
  #footer-widget-area .widget-profile,
  .sidebar_style2 .widget-profile,
  .sidebar_style3 .widget-profile,
  .sidebar_style4 .widget-profile,
  .sidebar_style5 .widget-profile {
    overflow: visible !important; } }
@media (min-width: 768px) {
  #footer-widget-area .my-profile,
  .sidebar_style2 .my-profile,
  .sidebar_style3 .my-profile,
  .sidebar_style4 .my-profile,
  .sidebar_style5 .my-profile {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
    padding: 10px;
    position: relative;
    padding-bottom: 10px !important; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #footer-widget-area .my-profile,
    .sidebar_style2 .my-profile,
    .sidebar_style3 .my-profile,
    .sidebar_style4 .my-profile,
    .sidebar_style5 .my-profile {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1024px) {
  #footer-widget-area .my-profile,
  .sidebar_style2 .my-profile,
  .sidebar_style3 .my-profile,
  .sidebar_style4 .my-profile,
  .sidebar_style5 .my-profile {
    padding: 25px;
    padding-bottom: 25px !important; } }
@media (min-width: 768px) {
  #footer-widget-area .myname,
  .sidebar_style2 .myname,
  .sidebar_style3 .myname,
  .sidebar_style4 .myname,
  .sidebar_style5 .myname {
    top: 156px !important; } }
@media (min-width: 768px) {
  #footer-widget-area .myjob,
  .sidebar_style2 .myjob,
  .sidebar_style3 .myjob,
  .sidebar_style4 .myjob,
  .sidebar_style5 .myjob {
    top: 183px !important; } }
@media (min-width: 768px) {
  #footer-widget-area .profile-sns-menu,
  .sidebar_style2 .profile-sns-menu,
  .sidebar_style3 .profile-sns-menu,
  .sidebar_style4 .profile-sns-menu,
  .sidebar_style5 .profile-sns-menu {
    position: relative !important;
    border-radius: 2px;
    margin-top: 25px; } }
@media (min-width: 768px) {
  #footer-widget-area .profile-sns-menu ul li,
  .sidebar_style2 .profile-sns-menu ul li,
  .sidebar_style3 .profile-sns-menu ul li,
  .sidebar_style4 .profile-sns-menu ul li,
  .sidebar_style5 .profile-sns-menu ul li {
    margin-left: 0px !important;
    margin-right: 0px !important; } }
@media (min-width: 1024px) {
  #footer-widget-area .profile-sns-menu ul li,
  .sidebar_style2 .profile-sns-menu ul li,
  .sidebar_style3 .profile-sns-menu ul li,
  .sidebar_style4 .profile-sns-menu ul li,
  .sidebar_style5 .profile-sns-menu ul li {
    margin-left: 0px !important;
    margin-right: 0px !important; } }

@media (max-width: 767px) {
  .my-profile {
    position: relative;
    padding: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-radius: 2px; } }
@media (min-width: 768px) {
  .my-profile {
    padding: 5px;
    padding-top: 0;
    padding-bottom: 0px; } }
.my-profile .myjob {
  position: absolute;
  left: 0px;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.35);
  width: 100%;
  text-align: center;
  font-weight: 300; }
  @media (max-width: 767px) {
    .my-profile .myjob {
      top: 180px; } }
  @media (min-width: 768px) {
    .my-profile .myjob {
      top: 185px; } }
.my-profile .myname {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  width: 100%;
  text-align: center; }
  @media (max-width: 767px) {
    .my-profile .myname {
      font-weight: 700;
      top: 153px; } }
  @media (min-width: 768px) {
    .my-profile .myname {
      font-weight: 500;
      top: 158px; } }
.my-profile .my-profile-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  background: #fff; }
  .my-profile .my-profile-thumb img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  .my-profile .my-profile-thumb a:hover img {
    -webkit-transform: scale(1.2);/*profのまなNAVIマークの拡大*/
    transform: scale(1.2); }
.my-profile .profile-sns-menu {
  position: absolute;
  left: 0;
  bottom: 0px;
  display: block;
  width: 100%;
  background: #2b2b2b;
  padding: 15px 0; } /*プロフィール下のボックスの太さ*/
  @media (max-width: 767px) {
    .my-profile .profile-sns-menu {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; } }
  .my-profile .profile-sns-menu .profile-sns-menu-title {
    text-align: center;
    width: 100%;
    font-size: 0.85rem;
    color: #FF9;
    margin-bottom: 5px; }
  .my-profile .profile-sns-menu ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important; }
    .my-profile .profile-sns-menu ul li {
      margin-bottom: 0;
      background: transparent !important;
      margin-left: 0;
      margin-right: 0; }
      .my-profile .profile-sns-menu ul li a {
        -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        display: block;
        width: 34px;
        height: 32px;
        color: #fff;
        margin: 0 4px;
        font-size: 15px;
        overflow: hidden;
        text-decoration: none !important;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.18); }
        .my-profile .profile-sns-menu ul li a svg {
          fill: #fff !important; }
      .my-profile .profile-sns-menu ul li a:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
    .my-profile .profile-sns-menu ul .pro-fb a {
      padding: 8px 8px 9px 9px; }
    .my-profile .profile-sns-menu ul .pro-tw a {
      font-size: 24px;
      padding: 4px; }
    .my-profile .profile-sns-menu ul .pro-line a {
      font-size: 24px;
      padding: 4px; }
    .my-profile .profile-sns-menu ul .pro-insta a {
      font-size: 15px;
      padding: 9px 8px 9px 9px; }
    .my-profile .profile-sns-menu ul .pro-youtube a {
      font-size: 17px;
      padding: 8px; }
    .my-profile .profile-sns-menu ul .pro-contact a {
      font-size: 17px;
      padding: 7px 8px 8px 8px; }
.my-profile .myintro {
  font-size: 0.85rem; }
  @media (max-width: 767px) {
    .my-profile .myintro {
      letter-spacing: -1px; /*プロフィールの文字の間隔*/
      color: #666;
      margin-top: 70px;
      font-weight: 300; } }
  @media (min-width: 768px) {
    .my-profile .myintro {
      letter-spacing: -1px; /*プロフィールの文字の間隔*/
      color: #666;
      margin-top: 75px;
      font-weight: 300; } }

/* フッター */
/* CSS Document */
footer {
  padding: 15px 0px; }
  @media (max-width: 767px) {
    footer {
      font-size: 0.75rem; /* フッター内の文字の大きさ */
      padding-top: 15px; } }
  @media (min-width: 768px) {
    footer {
      font-size: 0.9rem; } }
  footer #footer-box::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 767px) {
    footer #footer-box {
      width: 100%;
      text-align: center;
      font-size: 0.6rem;
      font-weight: 400; } }
  @media (min-width: 768px) {
    footer #footer-box {
      width: 100%;
      margin: 0 auto;
      font-size: 0.75rem; } }/* コピーライトの文字の大きさ */
  @media (min-width: 1200px) {
    footer #footer-box {
      width: 1200px; } }
  @media (max-width: 767px) {
    footer .footer-inner {  
      width: calc(100%);
      float: left;
      margin-left: 0px;} }
  @media (min-width: 768px) {
    footer .footer-inner {
      width: calc(100% - 60px);
      float: left;
      margin-left: 30px; } }
  footer .footer-inner #Privacy a,
  footer .footer-inner #law a {
    padding: 0 15px;
    font-weight: 100 ;
    border-right: 1px solid #ddd; }
    @media (max-width: 767px) {
      footer .footer-inner #Privacy a,
      footer .footer-inner #law a {
        margin: 0 auto; } }
    @media (min-width: 768px) {
      footer .footer-inner #Privacy a,
      footer .footer-inner #law a {
        float: left;
         } }
  footer .footer-inner #Privacy a {
    border-left: 1px solid #ddd; }

    footer .footer-inner #mail a{
      transform: translate(0%,50%);
      display: block;
      width: 34px;
      height: 26px;
      color: #fff;
      font-size: 24px;
      text-align:center;
      margin:0 auto;
      overflow: hidden;
      text-decoration: none !important;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.3); }
    footer .footer-inner #mail a:hover {
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }







  @media (max-width: 767px) {
    footer .footer-inner # {
      display: block;
      clear: both;
      float: right;
      margin-top: 10px; } }
  @media (min-width: 768px) {
    footer .footer-inner #copyright {
      float: right;
      font-weight: 300; } }
  @media (max-width: 767px) {
    footer .footer-inner #copyright-center {
      display: block;
      clear: both; } }
  @media (min-width: 768px) {
    footer .footer-inner #copyright-center {
      display: block;
      margin: 0 auto;
      text-align: center;
      font-weight: 300; } }
  footer .footer-inner #copyright-center .jin-ifont-copyright:before,
  footer .footer-inner #copyright .jin-ifont-copyright:before {
    vertical-align: bottom; }
    @media (max-width: 767px) {
      footer .footer-inner #copyright-center .jin-ifont-copyright:before,
      footer .footer-inner #copyright .jin-ifont-copyright:before {
        line-height: 0.8rem; } }
    @media (min-width: 768px) {
      footer .footer-inner #copyright-center .jin-ifont-copyright:before,
      footer .footer-inner #copyright .jin-ifont-copyright:before {
        line-height: 1rem; } }

/* フッターサイドメニュー */
@media (max-width: 767px) {
  .sp-sidemenu-wrapper {
    position: fixed;
    bottom: 60px;
    right: 13px;
    z-index: 2; }
    .sp-sidemenu-wrapper #sp-sidemenu-toggle {
      display: none;
      overflow: hidden; }
    .sp-sidemenu-wrapper .sp-sidemenu-btn {
      position: relative;
      z-index: 3;
      width: 58px;
      height: 58px;
      border-radius: 29px;
      background: #b2e086;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
      transition: ease-out 0.3s; }
    .sp-sidemenu-wrapper .sp-sidemenu-btn:after {
      position: absolute;
      top: 11px;
      right: 0px;
      font-size: 1.5rem;
      width: 58px;
      text-align: center;
      font-family: "jin-icons";
      content: "\e922";
      font-weight: 900;
      color: #fff;
      transition: 0.3s; }
    .sp-sidemenu-wrapper .sp-sidemenu-title {
      position: absolute;
      width: 58px;
      text-align: center;
      right: 0;
      bottom: 8px;
      font-size: 0.65rem;
      font-weight: bold;
      color: #fff;
      letter-spacing: 0px !important; }

  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-open .sp-sidemenu-btn {
    animation-name: sp-sidemenu-btn-animate;
    animation-duration: 0.4s;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); }

  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-open .sp-sidemenu-btn:after {
    transform: rotate(-45deg) scale(1.2); }

  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box {
    transform: translate3d(0%, 0%, 0);
    filter: opacity(1);
    pointer-events: auto; }

  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-bg {
    transform: scale(250);
    border-radius: 500px; }

  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(1) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
    filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(2) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(3) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.45s;
    animation-fill-mode: forwards;
    filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(4) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
    filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(5) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.15s;
    animation-fill-mode: forwards;
    filter: opacity(0); }

  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-search {
    animation-name: sp-sidemenu-search-animate;
    animation-timing-function: cubic-bezier(0.61, 0.75, 0.58, 1.17);
    animation-duration: 0.82s;
    animation-delay: 0.77s;
    animation-fill-mode: forwards;
    filter: opacity(0); }

  .sp-sidemenu-box {
    position: relative;
    z-index: 3;
    pointer-events: none;
    bottom: 0;
    right: 0;
    max-width: 100%;
    height: 100%;
    filter: opacity(0); }

  .sp-sidemenu-bg {
    position: fixed;
    overflow: hidden;
    z-index: 2;
    bottom: 100px;
    right: 40px;
    width: 1.77%;
    height: 1%;
    border-radius: 500px;
    background: #fff;
    transition: ease-out 0.3s;
    filter: opacity(0.95); }

  .sp-sidemenu-search {
    position: absolute;
    width: 290px;
    bottom: 380px;
    right: -320px;
    filter: opacity(0); }
    .sp-sidemenu-search .search-box {
      display: flex;
      justify-content: center;
      width: 100%;
      text-align: center;
      border-radius: 40px;
      box-sizing: border-box;
      opacity: 1; }
      .sp-sidemenu-search .search-box input {
        display: block;
        outline: 0;
        background: rgba(0, 0, 0, 0.05);
        width: 236px;
        height: 50px;
        border: 0;
        padding: 12px 0 12px 15px;
        box-sizing: border-box;
        font-size: 16px;
        border-radius: 40px 0 0 40px; }
      .sp-sidemenu-search .search-box input[type="submit"] {
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        line-height: 0;
        font-family: "jin-icons";
        content: "\e931";
        top: 0px;
        font-size: 20px;
        padding-right: 15px;
        z-index: 4;
        text-align: center;
        border-radius: 0 40px 40px 0;
        color: #888;
        -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

  .sp-sidemenu-menu {
    position: absolute;
    overflow: hidden;
    width: 320px;
    bottom: 100px;
    right: 5px; }
    .sp-sidemenu-menu ul li a:before {
      display: none; }
    .sp-sidemenu-menu .menu-box {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 0;
      padding-left: 0;
      width: 100%;
      height: 100%; }
      .sp-sidemenu-menu .menu-box li:nth-child(5),
      .sp-sidemenu-menu .menu-box li:nth-child(6),
      .sp-sidemenu-menu .menu-box li:nth-child(7),
      .sp-sidemenu-menu .menu-box li:nth-child(8) {
        display: none; }
    .sp-sidemenu-menu a {
      text-align: right;
      padding-top: 18px !important;
      padding-bottom: 18px !important;
      padding-right: 66px !important;
      font-size: 1.05rem;
      line-height: 1.3rem; }
    .sp-sidemenu-menu a:hover {
      background: transparent !important; }
    .sp-sidemenu-menu a:hover span {
      animation-name: sp-sidemenu-btn-animate;
      animation-duration: 0.4s; }
    .sp-sidemenu-menu a span {
      position: absolute;
      width: 46px;
      height: 46px;
      border-radius: 23px;
      padding-top: 11px;
      padding-left: 0px;
      background: #555;
      text-align: center;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      font-size: 1.4rem;
      font-weight: bold;
      color: #fff;
      letter-spacing: 0px;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); }
    .sp-sidemenu-menu .jic:before {
      padding-bottom: 1px; } }
/* フッターメニュー */
#sp-footer-box {
  margin-top: 43px; }

.footer-menu-sp {
  display: none; }
  @media (max-width: 767px) {
    .footer-menu-sp {
      display: block;
      position: fixed;
      width: 100%;
      bottom: 0px;
      z-index: 9999;
      background: #fff;
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); }
      .footer-menu-sp::after {
        clear: both;
        content: "";
        display: block; } }
  .footer-menu-sp .menu-item {
    width: 25%;
    float: left;
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .footer-menu-sp .menu-item a {
      display: block;
      font-size: 0.65em;
      font-weight: 400;
      padding: 8px 5px;
      padding-top: 6px;
      text-align: center;
      background: #fff;
      letter-spacing: 0;
      -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
      transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    .footer-menu-sp .menu-item .jic:before {
      font-size: 1.25rem;
      line-height: 1.1rem; }
    .footer-menu-sp .menu-item a:hover {
      background: #ddd; }
    .footer-menu-sp .menu-item span {
      display: block;
      font-size: 1.4em; }
  .footer-menu-sp .menu-item:nth-child(5n),
  .footer-menu-sp .menu-item:nth-child(6n),
  .footer-menu-sp .menu-item:nth-child(7n),
  .footer-menu-sp .menu-item:nth-child(8n),
  .footer-menu-sp .menu-item:nth-child(9n) {
    display: none; }
  .footer-menu-sp .menu-item:first-child {
    border-left: none; }
  .footer-menu-sp .current-menu-item a {
    position: relative; }
  .footer-menu-sp .current-menu-item a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.07;
    background: #fff; }

.footer-menu-sp-in {
  bottom: 0px; }

footer .widgettitle {
  border-bottom: 2px solid #2b2b2b;
  margin-bottom: 15px;
  padding-bottom: 13px;
  font-size: 1.1rem;
  font-weight: 500; }

/* グローバルメニュー */

 /*各ページのヘッダーの設定*/
 @media (max-width: 767px) {
  #drawernav3 {
    list-style-type: none!important;
    background-image: none;
    width: auto; } } 
@media (min-width: 768px) {
  #drawernav3 {
    width: auto; } }
#drawernav3 nav.fixed-content {
  width: 100%; }
#drawernav3 ul.menu-box {
  list-style-type: none!important;
  background-image: none;

  display:inline-flex;
  flex-wrap: nowrap; }
  #drawernav3 ul.menu-box li.menu-item {
    list-style-type: none!important;
    background-image: none;
    position:inherit;
    display: table;
    text-align: center;
    background: none;
    line-height: 1.6rem;
    vertical-align: middle; }

/*ここから足した*/
    #drawernav3 ul.menu-box a {
      color: #FF9;
      list-style-type: none!important;
      background-image: none;
      border-bottom: 2px solid transparent;
      display: table;
      height: 40px;
      font-weight: 400;
      position: relative;
      transition: all .3s;}
      @media (max-width: 767px) { /*スマホの各ページヘッダーのメニュー*/
        #drawernav3 ul.menu-box a {
          letter-spacing: 0px;
          font-size: 0.9rem;
          margin-top: 2px;
          padding: 0px 3px; } } 
      @media (min-width: 768px) {       
        #drawernav3 ul.menu-box a {
          font-size:  1.0rem;
          margin-top: 4px;
          padding: 3px 10px; } }
      @media (min-width: 1200px) {
        #drawernav3 ul.menu-box a {
          font-size: 1.2rem;
          margin-top: 6px;
          padding: 3px 15px; } }


          #drawernav3 ul.menu-box a:hover, #drawernav3 ul.menu-box a:focus:after,
          #breadcrumb ul li a:hover, #breadcrumb ul li a:focus:after{
            color: #fff;}/*ヘッダーとフッターの白字のホバー色*/

/*ここまで足した*/


/*ノート風罫線*/
.note-dash{
  color: #cc0066;
  margin: 2em 0;
  font-weight: bold;
  border: solid 1px #e6e6e6;
  padding: 0.3em 1em 2em 1em;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
}
.sen-dash{
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 1em 0.2em 1em;
}


    #drawernav3 ul.menu-box li.menu-item a {
      list-style-type: none!important;
      background-image: none;
      border-bottom: 2px solid transparent;
      display: table;
      height: 40px;
      font-size: 0.9rem;
      font-weight: 400;
      position: relative;
      -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
      transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
      @media (max-width: 767px) { 
        #drawernav3 ul.menu-box li.menu-item a {
          list-style-type: none!important;
          background-image: none;
          padding: 3px 5px; } } 
      @media (min-width: 768px) {       
        #drawernav3 ul.menu-box li.menu-item a {
          padding: 3px 10px; } }
      @media (min-width: 1200px) {
        #drawernav3 ul.menu-box li.menu-item a {
          padding: 3px 15px; } }
      #drawernav3 ul.menu-box li.menu-item a span {
        list-style-type: none!important;
        background-image: none;
        display: inline-block;
        padding-right: 3px; }
    #drawernav3 ul.menu-box li.menu-item a:after {
      list-style-type: none!important;
      background-image: none;
      content: "";
      width: 80%;
      height: 2px;
      border-radius: 1px;
      background: #2b2b2b;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      transform: translate3d(0, 100%, 0);
      -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
      transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
    #drawernav3 ul.menu-box li.menu-item a:hover:after, #drawernav3 ul.menu-box li.menu-item a:focus:after {
      list-style-type: none!important;
      background-image: none;
      opacity: 1;
      transform: translate3d(0, -7px, 0); }
    #drawernav3 ul.menu-box li.menu-item ul.sub-menu {
      list-style-type: none!important;
      background-image: none;
      z-index: 5;
      position: absolute;
      padding: 0px;
      top: 70px;
      display: block;
      background: #fff;
      visibility: hidden;
      opacity: 0;
      left: 0;
      -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
      transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
      border-radius: 2px;
      background: #fff;
      -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); }
      #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item {
        list-style-type: none!important;
        background-image: none;
        position: relative;
        text-align: left;
        display: block;
        line-height: 1.2srem;
        width: 240px; }
        #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a {
          padding: 10px 7px 10px 18px;
          display: block;
          background-color: #fff;
          font-size: 0.9rem;
          font-weight: normal;
          padding: 10px 24px 6px 18px;
          border-radius: 2px;
          height: auto;
          -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
          transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
          #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after {
            display: none; }
        #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover {
          background: #f6f6f6; }
        #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
          z-index: 6;
          position: absolute;
          padding: 0;
          -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
          transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }


          @media (min-width: 768px) {
            #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
              background: #fff;
              visibility: hidden;
              opacity: 0;
              top: 14px;
              left: 100%; } }
          @media (min-width: 1200px) {
            #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
              width: 240px; } }
      #drawernav3 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
      #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px); }
      #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a {
        padding-right: 24px; }
      #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after {
        content: "\e904";
        font-family: "jin-icons";
        font-size: 0.65rem;
        position: absolute;
        right: 10px;
        top: 10px; }
  #drawernav3 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu {
    left: -240px; }
  #drawernav3 ul.menu-box li.menu-item:hover > ul.sub-menu,
  #drawernav3 ul.menu-box li.menu-item.hover > ul.sub-menu {
    list-style-type: none!important;
    background-image: none;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  #drawernav3 ul.menu-box li:last-child {
    border-right: none; }

@media (min-width: 768px) {
  .header-style6-box {
    width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 0 20px; } }
@media (min-width: 1200px) {
  .header-style6-box {
    width: 1200px;
    padding: 0 30px; } }




@media (min-width: 768px) {
  .menu-box > .menu-item > a:hover {
    border-bottom: 2px solid #2b2b2b; } }
/* スマホハンバーガー */
/* CSS Document */
@media (max-width: 767px) {
  #navtoggle {
    display: none;
    overflow: hidden; }

  .sp-menu-open,
  .sp-menu-close {
    cursor: pointer;
    position: absolute;
    z-index: 4;
    top: 4px;
    right: 3px; }

  .sp-menu-close {
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

  #navtoggle:checked ~ .sp-menu-close {
    pointer-events: auto; }

  .sp-menu-open {
    width: 28px;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 8px;
    -webkit-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transform: translate3d(0, 0, 0); }

  .cps-icon-bar {
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    border-radius: 1px;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

  .sp-menu-box {
    z-index: 3;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
    .sp-menu-box .sp-menu-title {
      margin-top: 50px;
      text-align: center;
      font-size: 1.6rem; }

  .fixed-content {
    width: 100%;
    height: 100%;
    margin-top: 30px; }

  #navtoggle:checked + .sp-menu-open {
    position: fixed; }

  #navtoggle:checked + .sp-menu-open .cps-icon-bar {
    background: #fff; }

  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(1) {
    -webkit-transform: translate(0, 7px) rotate(45deg);
    transform: translate(0, 7px) rotate(45deg); }

  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(2) {
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    opacity: 0; }

  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(3) {
    -webkit-transform: translate(0, -7px) rotate(-45deg);
    transform: translate(0, -7px) rotate(-45deg); }

  #navtoggle:checked ~ .sp-menu-box {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  #scroll-content {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: relative;
    z-index: 0; }

  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content,
  #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content {
    position: fixed;
    overflow: hidden;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px);
    filter: blur(10px); }

  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-btn,
  #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-btn,
  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-bg,
  #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-bg {
    transform: translateX(100px); }

  #navtoggle:checked ~ .sp-menu-box ~ .headsearch ~ #header-box {
    position: fixed;
    overflow: hidden; }

  ul.menu-box {
    width: 86%;
    height: 60%;
    padding: 0 7%;
    overflow: hidden;
    overflow-y: scroll;
    overflow-wrap: break-word;
    -webkit-overflow-scrolling: touch; }
    ul.menu-box li a {
      display: block;
      padding: 8px;
      padding-left: 28px;
      position: relative;
      font-weight: 600;
      border-radius: 2px;
      -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
      transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
    ul.menu-box li a:active {
      background: rgba(50, 50, 50, 0.1); }
    ul.menu-box li a:before {
      content: "・";
      position: absolute;
      line-height: 10%;
      top: 19px;
      left: 8px;
      font-size: 1.8rem;
      color: #2b2b2b; }
    ul.menu-box li ul.sub-menu {
      margin-top: 0px;
      margin-left: 20px; }
      ul.menu-box li ul.sub-menu li {
        margin-left: 22px; }
        ul.menu-box li ul.sub-menu li a {
          font-size: 0.9rem;
          line-height: 1.25rem;
          padding: 6px;
          padding-left: 16px;
          font-weight: 500; }
        ul.menu-box li ul.sub-menu li a:before {
          content: "";
          width: 1px;
          height: 24px;
          background: #aaa;
          top: 4px;
          left: 6px; }
        ul.menu-box li ul.sub-menu li ul.sub-menu li a {
          padding: 7px;
          padding-left: 16px;
          font-size: 0.75rem;
          line-height: 1.15rem;
          font-weight: 300; }

  .sp-sns-menu {
    position: absolute;
    z-index: 0;
    bottom: 0px;
    display: block;
    text-align: center;
    padding: 30px;
    width: 100%;
    background: transparent !important; }
    .sp-sns-menu ul {
      list-style: none;
      display: flex;
      justify-content: center;
      background: transparent !important;
      align-items: center; }
      .sp-sns-menu ul li {
        margin-bottom: 0;
        background: transparent !important; }
        .sp-sns-menu ul li a {
          -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
          transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
          display: block;
          color: #fff;
          margin: 0 5px;
          font-size: 20px;
          overflow: hidden;
          width: 46px;
          background: rgba(255, 255, 255, 0.18);
          height: 46px;
          border-radius: 2px;
          padding: 10px;
          box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.05); }
        .sp-sns-menu ul li a:hover {
          color: #f8b500 !important;
          -webkit-transform: scale(1.2);
          transform: scale(1.2); }
      .sp-sns-menu ul .pro-fb a {
        padding: 12px 9px 9px 11px; }
      .sp-sns-menu ul .pro-tw a {
        font-size: 35px;
        padding: 3px 3px 2px 5px; }
      .sp-sns-menu ul .pro-line a {
        font-size: 34px;
        padding: 5px 3px 3px 4px; }
      .sp-sns-menu ul .pro-insta a {
        font-size: 22px;
        padding: 11px 11px 11px 12px; }
      .sp-sns-menu ul .pro-youtube a {
        font-size: 25px; }
      .sp-sns-menu ul .pro-contact a {
        font-size: 25px; } }
svg {
  fill: #2b2b2b;
  will-change: transform; }

/* 記事一覧 */
/* CSS Document */
.toppost-list-box {
  overflow: hidden;
  text-align: center; }
  @media (max-width: 767px) {
    .toppost-list-box {
      margin-top: 10px; } }
  .toppost-list-box .toppost-list-box-inner {
    width: 400%;
    transition: 0.6s;
    text-align: left;
    overflow: hidden; }

input[name="switch"] {
  display: none; }





          a.post-list-link {
            -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
            transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
            background-color: #fff;
            display: block;
            position: relative;
            overflow: hidden; }
            @media (max-width: 767px) {
              a.post-list-link {
                padding: 15px 10px;
                margin-bottom: 10px;
                margin-top: 0px; } }
            @media (max-width: 767px) and (max-width: 767px) {
              a.post-list-link {
                border-radius: 2px;
                background: #fff;
                box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }
          
            @media (min-width: 768px) {
              a.post-list-link {
                border-radius: 2px;
                background: #fff;
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
                padding: 20px;
                margin-bottom: 20px; } }
            @media (min-width: 768px) and (max-width: 767px) {
              a.post-list-link {
                border-radius: 0px;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
          
          .post-list-publisher,
          .writer {
            display: none; }
          
          .sp-post-list-meta {
            text-align: right; }
          
          .toppost-list-box-simple .post-list-mag,
          .toppost-list-box-simple .post-list-mag-sp1col,
          .toppost-list-box-simple .post-list {
            width: 100% !important;
            float: none !important;
            opacity: 1 !important;
            padding: 0 !important; }
          
          .toppost-list-box-simple .post-list-mag,
          .toppost-list-box-simple .post-list-mag-sp1col {
            justify-content: space-between; }
          
          .post-list,
          .post-list-mag,
          .post-list-mag-sp1col {
            opacity: 0.2;
            transition: opacity 1.2s;
            width: 25%;
            float: left; }
            @media (max-width: 767px) {
              .post-list,
              .post-list-mag,
              .post-list-mag-sp1col {
                padding: 2px 1px; } }
            @media (min-width: 768px) {
              .post-list,
              .post-list-mag,
              .post-list-mag-sp1col {
                padding: 2px 24px; } }
          
          @media (min-width: 768px) {
            .post-list,
            .post-list-mag,
            .post-list-mag3col,
            .post-list-mag-sp1col {
              padding-top: 12px; } }
          
          /* マガジン記事一覧 */
          /* CSS Document */
          .post-list-mag .post-list-inner-infeed,
          .post-list-mag-sp1col .post-list-inner-infeed {
            overflow: hidden;
            -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
            transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
            @media (max-width: 767px) {
              .post-list-mag .post-list-inner-infeed,
              .post-list-mag-sp1col .post-list-inner-infeed {
                padding: 0px;
                margin-bottom: 0px; } }
            @media (max-width: 767px) and (max-width: 767px) {
              .post-list-mag .post-list-inner-infeed,
              .post-list-mag-sp1col .post-list-inner-infeed {
                border-radius: 2px;
                background: #fff;
                box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }
          
            @media (min-width: 768px) {
              .post-list-mag .post-list-inner-infeed,
              .post-list-mag-sp1col .post-list-inner-infeed {
                border-radius: 2px;
                background: #fff;
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
                padding: 0px;
                margin-bottom: 0px; } }
            @media (min-width: 768px) and (max-width: 767px) {
              .post-list-mag .post-list-inner-infeed,
              .post-list-mag-sp1col .post-list-inner-infeed {
                border-radius: 0px;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
          
          .post-list-mag .post-list-inner-infeed:hover,
          .post-list-mag-sp1col .post-list-inner-infeed:hover {
            transform: translateY(-3px);
            box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }
          
          .post-list-mag a.post-list-link,
          .post-list-mag-sp1col a.post-list-link,
          .post-list-mag3col a.post-list-link,
          .post-list-mag3col-slide a.post-list-link {
            position: relative;
            padding: 0;
            height: 100%;
            -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
            transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
          .post-list-mag .post-list-link:hover,
          .post-list-mag-sp1col .post-list-link:hover,
          .post-list-mag3col .post-list-link:hover,
          .post-list-mag3col-slide .post-list-link:hover {
            transform: translateY(-3px);
            box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }
          
          .post-list-mag,
          .post-list-mag3col,
          .post-list-mag-sp1col {
            display: flex;
            flex-wrap: wrap; }
            @media (max-width: 767px) {
              .post-list-mag .post-list-item:nth-child(2n-1),
              .post-list-mag3col .post-list-item:nth-child(2n-1),
              .post-list-mag-sp1col .post-list-item:nth-child(2n-1) {
                margin-right: 3%; } }
            @media (max-width: 767px) {
              .post-list-mag .post-list-item,
              .post-list-mag3col .post-list-item,
              .post-list-mag-sp1col .post-list-item {
                width: 48.4%;
                margin-bottom: 15px; } }
            @media (min-width: 768px) {
              .post-list-mag .post-list-item,
              .post-list-mag3col .post-list-item,
              .post-list-mag-sp1col .post-list-item {
                width: 48.5%;
                margin-bottom: 20px; } }
            .post-list-mag .post-list-item .post-list-inner,
            .post-list-mag3col .post-list-item .post-list-inner,
            .post-list-mag-sp1col .post-list-item .post-list-inner {
              display: block; }
              .post-list-mag .post-list-item .post-list-inner .post-list-thumb,
              .post-list-mag3col .post-list-item .post-list-inner .post-list-thumb,
              .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb {
                height: auto;
                width: 100%; }
                .post-list-mag .post-list-item .post-list-inner .post-list-thumb img,
                .post-list-mag3col .post-list-item .post-list-inner .post-list-thumb img,
                .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb img {
                  display: block;
                  width: 100%;
                  height: auto;
                  border-top-left-radius: 2px;
                  border-top-right-radius: 2px; }
              .post-list-mag .post-list-item .post-list-inner .post-list-meta,
              .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
              .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
                width: 100%; }
                @media (max-width: 767px) {
                  .post-list-mag .post-list-item .post-list-inner .post-list-meta,
                  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
                  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
                    padding: 8px 11px;
                    padding-bottom: 20px; } }
                @media (min-width: 768px) {
                  .post-list-mag .post-list-item .post-list-inner .post-list-meta,
                  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
                  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
                    padding: 10px 17px;
                    padding-bottom: 25px; } }
                @media (min-width: 1024px) {
                  .post-list-mag .post-list-item .post-list-inner .post-list-meta,
                  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
                  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
                    padding: 15px 17px;
                    padding-bottom: 25px; } }
                @media (max-width: 767px) {
                  .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title,
                  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title,
                  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title {
                    font-size: 12px;
                    line-height: 1.1rem;
                    font-weight: 700;
                    letter-spacing: 1px;
                    margin-bottom: 10px; } }
                @media (min-width: 768px) {
                  .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title,
                  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title,
                  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title {
                    font-size: 14px;
                    line-height: 1.3rem;
                    font-weight: 500;
                    margin-bottom: 5px; } }
                @media (min-width: 1024px) {
                  .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title,
                  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title,
                  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title {
                    font-size: 18px;
                    line-height: 1.6rem; } }
                .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
                .post-list-mag .post-list-item .post-list-inner .post-list-meta .writer,
                .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
                .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .writer,
                .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
                .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .writer {
                  display: none; }
                .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat {
                  position: absolute;
                  color: #fff !important;
                  background-color: #2b2b2b;
                  letter-spacing: 0;
                  border-radius: 20px; }
                  @media (max-width: 767px) {
                    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                    .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                    .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat {
                      top: 7px;
                      left: 7px;
                      padding: 2px 8px;
                      padding-bottom: 3px;
                      font-weight: 500;
                      text-align: left;
                      font-size: 0.5rem; } }
                  @media (min-width: 768px) {
                    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                    .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                    .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat {
                      top: 11px;
                      left: 11px;
                      font-size: 0.55rem;
                      padding: 3px 10px;
                      margin-left: -1px;
                      font-weight: 400;
                      letter-spacing: 0; } }
                  @media (min-width: 1024px) {
                    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                    .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
                    .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat {
                      font-size: 0.65rem;
                      padding: 5px 12px; } }
                .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
                .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date,
                .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date {
                  position: absolute;
                  bottom: 0px;
                  left: 5%;
                  color: #888 !important;
                  width: 90%;
                  text-align: right; }
                  @media (max-width: 767px) {
                    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
                    .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date,
                    .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date {
                      font-size: 0.65rem;
                      padding: 7px 0px;
                      letter-spacing: 1px !important; } }
                  @media (min-width: 768px) {
                    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
                    .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date,
                    .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date {
                      font-size: 0.75rem;
                      font-weight: 400;
                      padding: 10px 0px;
                      letter-spacing: 1px; } }
          
          @media (max-width: 767px) {
            .post-list-mag-sp1col .post-list-item:nth-child(2n-1) {
              margin-right: 0%; } }
          @media (max-width: 767px) {
            .post-list-mag-sp1col .post-list-item {
              width: 100%; } }
          @media (max-width: 767px) {
            .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
              padding: 15px 15px;
              padding-bottom: 20px; } }
          @media (max-width: 767px) {
            .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title {
              font-size: 17px;
              line-height: 1.5rem;
              font-weight: 700;
              letter-spacing: 1px;
              margin-bottom: 10px; } }
          @media (max-width: 767px) {
            .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat {
              top: 9px;
              left: 9px;
              padding: 2px 8px;
              padding-bottom: 3px;
              font-weight: 400;
              text-align: left;
              font-size: 0.75rem; } }
          @media (max-width: 767px) {
            .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date {
              font-size: 0.75rem;
              padding: 7px 0px;
              letter-spacing: 1px !important; } }
          
          /* ベーシック記事一覧 */
          /* CSS Document */
          .post-list .post-list-inner-infeed {
            overflow: hidden;
            -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
            transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
            @media (max-width: 767px) {
              .post-list .post-list-inner-infeed {
                padding: 0px;
                margin-bottom: 10px;
                height: auto; } }
            @media (max-width: 767px) and (max-width: 767px) {
              .post-list .post-list-inner-infeed {
                border-radius: 2px;
                background: #fff;
                box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }
          
            @media (min-width: 768px) {
              .post-list .post-list-inner-infeed {
                border-radius: 2px;
                background: #fff;
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
                padding: 0px;
                margin-bottom: 20px; } }
            @media (min-width: 768px) and (max-width: 767px) {
              .post-list .post-list-inner-infeed {
                border-radius: 0px;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
          
          .post-list .post-list-inner-infeed:hover {
            transform: translateY(-3px);
            box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }
          
          .post-list.basicstyle a.post-list-link {
            padding: 0;
            -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
            transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
          .post-list.basicstyle a.post-list-link:hover {
            transform: translateY(-3px);
            box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }
          .post-list.basicstyle .post-list-item {
            padding: 0;
            background: transparent;
            border-radius: 4px; }
            .post-list.basicstyle .post-list-item .post-list-inner {
              display: flex; }
              .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
                height: auto;
                position: relative; }
                @media (max-width: 767px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
                    width: 150px; } }
                @media (min-width: 768px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
                    width: 170px; } }
                @media (min-width: 1024px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
                    width: 314px; } }
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img {
                  display: block;
                  width: 100%;
                  height: auto; }
              @media (max-width: 767px) {
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
                  width: calc(100% - 150px);
                  padding: 8px 10px; } }
              @media (min-width: 768px) {
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
                  width: calc(100% - 170px);
                  padding: 15px 18px;
                  padding-bottom: 20px; } }
              @media (min-width: 1024px) {
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
                  width: calc(100% - 314px);
                  padding: 15px 18px;
                  padding-bottom: 20px; } }
              @media (max-width: 767px) {
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title {
                  font-size: 11px;
                  line-height: 1rem;
                  letter-spacing: 0px;
                  font-weight: 700; } }
              @media (min-width: 768px) {
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title {
                  font-size: 15px;
                  margin-bottom: 11px;
                  line-height: 1.4rem;
                  font-weight: 500; } }
              @media (min-width: 1024px) {
                .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title {
                  font-size: 18px;
                  margin-bottom: 11px;
                  line-height: 1.6rem;
                  font-weight: 500; } }
              .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date {
                position: absolute;
                bottom: 3px;
                right: 12px;
                color: #aaa;
                letter-spacing: 1px;
                font-weight: 500; }
                @media (max-width: 767px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date {
                    bottom: 3px;
                    right: 12px;
                    font-size: 0.55rem;
                    font-weight: 700;
                    letter-spacing: 1px !important; } }
                @media (min-width: 768px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date {
                    bottom: 8px;
                    right: 18px;
                    font-size: 0.8rem; } }
              .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
                display: inline;
                font-size: 0.8rem;
                margin-right: 10px;
                color: #f8b500;
                font-weight: 400;
                letter-spacing: 0;
                position: absolute;
                color: #fff !important;
                background: #f8b500;
                border-radius: 15px; }
                @media (max-width: 767px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
                    top: 4px;
                    left: 4px;
                    font-size: 0.5rem;
                    font-weight: 700;
                    padding: 1px 7px;
                    padding-top: 0; } }
                @media (min-width: 768px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
                    top: 8px;
                    left: 8px;
                    font-size: 0.55rem;
                    font-weight: 400;
                    padding: 2px 8px; } }
                @media (min-width: 1024px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
                    font-size: 0.65rem; } }
              .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
                font-size: 0.7rem;
                margin-top: 5px;
                color: #888 !important; }
                @media (max-width: 767px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
                    display: none; } }
                @media (min-width: 768px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
                    display: none; } }
                @media (min-width: 1024px) {
                  .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
                    display: block; } }

/* パンくずリスト */
/* CSS Document */
#breadcrumb {
  width: 100%;
  position: relative; }

@media (min-width: 768px) {
  #breadcrumb.footer_type2 {
    margin: 0 20px;
    width: calc(100% - 40px);
    padding-left: 5px;
    padding-right: 10px; } }
@media (min-width: 1200px) {
  #breadcrumb.footer_type2 {
    width: 1140px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 768px) {
  #breadcrumb.footer_type2 .page-top-footer {
    right: 0px !important; } }
@media (min-width: 1200px) {
  #breadcrumb.footer_type2 .page-top-footer {
    right: 10px !important; } }

@media (min-width: 768px) {
  #breadcrumb.footer_type2 ul li a:after:hover {
    color: #000 .3s;
    border-radius: 2px; } }



   #breadcrumb:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

#breadcrumb ul {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: block; }
  @media (max-width: 767px) {
    #breadcrumb ul {
      padding: 15px;
      margin-top: 0px;} }
  @media (min-width: 768px) {
    #breadcrumb ul {
      width: 100%;
      padding: 20px 15px;
      margin-top: 15px;
    } }
  @media (min-width: 1200px) {
    #breadcrumb ul {
      width: 1136px;
      padding: 20px 0px; } }
#breadcrumb ul li {
  display: inline-block; }

#breadcrumb ul li a,
#breadcrumb ul li {
  color:#F60;
  font-size: 0.9rem; /*フッターメニューの文字の大きさ*/
   }
#breadcrumb ul li p{
     color:#F60;
     font-size: 0.9rem; /*フッターメニューの文字の大きさ*/
      }


/* アーカイブ一覧 */
/* CSS Document */
.archive-box {
  margin-top: 20px; }

.archive-post-header {
  position: relative;
  text-align: center; }
  .archive-post-header #breadcrumb {
    text-align: left;
    margin-top: -10px; }

.archive-title-sub {
  color: #ccc;
  font-weight: 700;
  letter-spacing: 5px;
  font-size: 0.85rem; }

.archive-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 5px; }

/* 固定ページ */
/* CSS Document */
.page .cps-post-title,
.error404 .cps-post-title {
  margin-bottom: 30px; }

/* １カラムレイアウト */

/* フロントページ（TOPを固定ページ化） */
/* CSS Document */
.home.page-template #contents {
  margin-top: 15px; }

/* 404ページ */




/* SNSボタン */

/* SNSボタンスタイル１ */

/* ページネーションとnextボタン */
/* CSS Document */
.pager-top {
  display: block;
  width: 100%; }

.pagination {
  padding-left: 0; }
  @media (max-width: 767px) {
    .pagination {
      margin: 20px; } }
  @media (min-width: 768px) {
    .pagination {
      margin: 30px 0; } }

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.pagination li {
  position: relative;
  margin: 0 4px; }

.pagination a {
  text-decoration: none;
  background: #fc9;/*過去ページリンクの丸の色*/
  font-weight: 400;
  font-size: 1.0rem;
  padding: 5px 3px;
  padding-bottom: 4px;
  padding-left: 5px;
  border-radius: 20px;
  line-height: 0; }
  @media (max-width: 767px) {
    .pagination a {
      min-width: 34px;
      min-height: 34px;
      color: #090 !important;/*過去ページリンクの数字の色*/
      padding-top: 4px;
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); } }
  @media (min-width: 768px) {
    .pagination a {
      min-width: 38px;
      min-height: 37px;
      color: #090 !important;/*過去ページリンクの数字の色*/
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

.pagination li.spancount span {
  display: block;
  padding-bottom: 10px;
  color: #f60; }/*過去ページリンクの数字ホバーの色*/

.pagination li:not([class*="current"]) a:hover {
  color: #f60 !important;/*過去ページリンクの数字ホバーの色*/
  transform: translateY(-3px); }

.pagination li.current a {
  background-color: #cdcdcd;

  cursor: default;
  color: #FF6 !important;
  pointer-events: none; }

/* nextpage */
.nextpage {
  padding-left: 0;
  margin: 30px 0;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.nextpage span {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 0.85rem;
  line-height: 24px;
  text-align: center;
  padding: 6px 6px;
  border-radius: 1px;
  margin: 0 3px;
  min-width: 37px;
  min-height: 36px;
  background-color: #cdcdcd !important;
  border: 1px solid #cdcdcd;
  cursor: default;
  color: #fff !important;
  pointer-events: none; }

.nextpage a {
  display: block;
  text-decoration: none !important;
  opacity: 1 !important; }

.nextpage a span {
  background: #fff !important;
  border: 1px solid #aaa;
  color: #aaa !important;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }

@media (max-width: 767px) {
  .nextpage a {
    min-width: 43px;
    min-height: 42px;
    padding: 5px 4px; } }
/* 広告関連 */
/* CSS Document */
.related-ad-unit-area {
  width: 100%; }

/* adsense広告 */
.sponsor,
.sponsor-h2,
.sponsor-h2-center,
.sponsor-center,
.sponsor-top {
  color: #888;
  font-size: 0.75em;
  margin-top: 30px;
  margin-bottom: 8px;
  letter-spacing: 0; }
  @media (max-width: 767px) {
    .sponsor,
    .sponsor-h2,
    .sponsor-h2-center,
    .sponsor-center,
    .sponsor-top {
      margin-top: 20px;
      text-align: center; } }

.sponsor-center,
.sponsor-h2-center,
.sponsor-top {
  text-align: center; }

.sponsor-h2-center {
  margin-top: 10px; }

.sponsor-top {
  margin-top: 0; }

.ad-top-sp {
  margin-bottom: 30px; }

.ad-top {
  margin-bottom: 30px; }

.related-ad-area {
  background-color: #f7f7f7;
  border-radius: 2px; }
  @media (max-width: 767px) {
    .related-ad-area {
      margin-top: 20px;
      padding-bottom: 20px;
      padding-top: 1px; } }
  @media (min-width: 768px) {
    .related-ad-area {
      margin-top: 30px;
      padding: 5px 30px;
      padding-bottom: 25px; } }
  @media (min-width: 1024px) {
    .related-ad-area {
      padding: 0 30px;
      padding-bottom: 25px; } }

.adarea-box {
  margin-bottom: 30px; }

@media (max-width: 767px) {
  .ad-single {
    text-align: center; } }
@media (min-width: 768px) {
  .ad-single {
    display: block; }
    .ad-single .center-rectangle,
    .ad-single .left-rectangle,
    .ad-single .right-rectangle {
      text-align: center; } }
@media (min-width: 1200px) {
  .ad-single .center-rectangle {
    text-align: center; }
  .ad-single .left-rectangle {
    width: 336px;
    float: left;
    margin-right: 20px; }
  .ad-single .right-rectangle {
    width: 336px;
    float: right; } }

.ad-single-h2 {
  text-align: center;
  margin-bottom: 40px; }

/* CTA */

/* 投稿・固定ページなどのベースCSS */
/* CSS Document */
@media (max-width: 767px) {
  .article_style1 .cps-post-box {
    padding: 15px 0; } }
@media (min-width: 768px) {
  .article_style1 .cps-post-box {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
    padding: 20px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    .article_style1 .cps-post-box {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1024px) {
  .article_style1 .cps-post-box {
    padding: 30px; } }

.article_style2 .cps-post-box {
  padding: 20px;
  padding-left: 0;
  padding-right: 50px; }
  @media (max-width: 767px) {
    .article_style2 .cps-post-box {
      padding: 15px 0; } }

.cps-post .cps-post-thumb {
  margin-bottom: 5px; }
  .cps-post .cps-post-thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
     } 
.cps-post .cps-post-header {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .cps-post .cps-post-header .cps-post-cat {
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 1;
    display: block; }
    .cps-post .cps-post-header .cps-post-cat a {
      color: #fff!important;
      border-radius: 15px;
      line-height: 0; }
      @media (max-width: 767px) {
        .cps-post .cps-post-header .cps-post-cat a {
          padding: 5px 10px;
          font-size: 0.9rem; /*ページのメインコンテンツのカテゴリーの文字*/
          font-weight: 600; } }
      @media (min-width: 768px) {
        .cps-post .cps-post-header .cps-post-cat a {
          padding: 6px 11px;
          font-size: 1rem;
          font-weight: 600; } }

  .cps-post .cps-post-header .cps-post-title {
    text-align:center;
    font-weight: 600; }
    @media (max-width: 767px) {
      .cps-post .cps-post-header . {
        font-size: 1.45rem;
        line-height: 1.9rem; } }
    @media (min-width: 768px) {
      .cps-post .cps-post-header .cps-post-title {
        font-size: 1.5rem;
        line-height: 2rem; } }
    @media (min-width: 1024px) {
      .cps-post .cps-post-header .cps-post-title {
        font-size: 1.8rem;
        line-height: 2.3rem; } }
  .cps-post .cps-post-header .cps-post-meta {
    display: block;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .cps-post .cps-post-header .cps-post-meta {
        margin-top: 5px; } }
    .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
      display: block;
      text-align: right; }
      @media (max-width: 767px) {
        .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
          margin-bottom: 2px; } }
      @media (min-width: 768px) {
        .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
          margin-bottom: 4px; } }
      .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
        font-size: 0.8rem;
        color: #bbb;
        font-weight: 300;
        letter-spacing: 1px; }
        @media (max-width: 767px) {
          .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
            font-weight: 400; } }
        .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date .jin-ifont-watch:before,
        .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date .jin-ifont-reload:before {
          font-size: 0.8rem;
          padding-bottom: 4px;
          margin-right: -4px;
          vertical-align: bottom; }

          .cps-post-meta .writer {
            display: none; }

.timeslash {
  color: #bbb;
  font-size: 0.8rem; }

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

.cps-post-main {
  position: relative;
  z-index: 0;
  padding-top: 20px;
  /*動画の大きさを調整*/
  /*Instagramの大きさを調整*/
  /*動画を囲んでいるdiv目一杯に広げる*/ }
  .cps-post-main a {
    text-decoration: underline;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  .cps-post-main a:hover {
    opacity: 0.6; }
  .cps-post-main img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px; }
  .cps-post-main iframe {
    max-width: 100%; }
  .cps-post-main table {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    max-width: 100% !important;
    word-break: break-all; }
  .cps-post-main table tr td,
  .cps-post-main table tr th {
    padding: 8px;
    border: 1px solid #ccc;
    vertical-align: middle; }
  .cps-post-main table tr th {
    font-size: 0.9rem;
    font-weight: bold; }
  .cps-post-main table img.star {
    display: block;
    width: 130px;
    height: auto;
    margin: 0 auto; }
  .cps-post-main .video {
    max-width: 100%;
    text-align: center;
    overflow: hidden; }
  .cps-post-main .instagram {
    position: relative;
    padding-bottom: 120%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
  @media (max-width: 767px) {
    .cps-post-main .video iframe,
    .cps-post-main .instagram iframe {
      width: 100%;
      max-height: 280px; } }
  .cps-post-main p {
    padding-bottom: 2rem;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0em;
    line-height: 2em;
    font-size: 1em; }
    @media (max-width: 767px) {
      .cps-post-main p {
        font-size: 1em;
        font-weight: 400; } }
  .cps-post-main h2,
  .cps-post-main h3,
  .cps-post-main h4,
  .cps-post-main h5 {
    font-weight: 400;
    letter-spacing: 0; }
    @media (max-width: 767px) {
      .cps-post-main h2,
      .cps-post-main h3,
      .cps-post-main h4,
      .cps-post-main h5 {
        font-weight: 500; } }

@media (min-width: 768px) {
  .alignright {
    margin: 20px 0px 20px auto;
    text-align: right; } }

@media (min-width: 768px) {
  .alignleft {
    margin: 20px auto 20px 0; } }

.aligncenter {
  margin-left: auto;
  margin-right: auto; }

.t-aligncenter {
  text-align: center; }

@media (min-width: 768px) {
  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; } }
@media (max-width: 767px) {
  img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block; } }

@media (min-width: 768px) {
  img.alignright {
    padding: 4px;
    margin: 0 0 2px 20px;
    display: inline;
    float: right; } }
@media (max-width: 767px) {
  img.alignright {
    margin-bottom: 20px;
    display: block; } }

@media (min-width: 768px) {
  img.alignleft {
    padding: 4px;
    margin: 0 20px 2px 0;
    display: inline;
    float: left; } }
@media (max-width: 767px) {
  img.alignleft {
    margin-bottom: 20px;
    display: block; } }

@media (min-width: 768px) {
  .xs-size {
    font-size: 0.85rem; }

  .s-size {
    font-size: 0.95rem; }

  .l-size {
    font-size: 1.05rem; }

  .xl-size {
    font-size: 1.1rem; } }
@media (max-width: 767px) {
  .xs-size-sp {
    font-size: 0.85rem; }

  .s-size-sp {
    font-size: 0.95rem; }

  .l-size-sp {
    font-size: 1.05rem; }

  .xl-size-sp {
    font-size: 1.1rem; } }
/* テキストモードでのデフォルトカラー設定 */
.c-red,
.c-blue,
.c-green {
  font-weight: bold; }

.c-red {
  color: #F16F6F; }

.c-blue {
  color: #7695C9; }

.c-green {
  color: #76C983; }

/* ページ内タグエリア */
.tag-box {
  margin-top: 30px; }
  .tag-box a {
    color: #555 !important;
    text-decoration: none !important;
    border: 1px solid #ddd;
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 0.65rem;
    letter-spacing: 0;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 5px; }
  .tag-box a:before {
    font-family: "jin-icons";
    content: "\e92c";
    vertical-align: bottom;
    line-height: 0.9rem;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }

/* 外部リンクのあとにアイコンをつける 
.entry-content a[target="_blank"]{
	text-decoration:none!important;
}
.entry-content a[target="_blank"]::after{
    font-family: "jin-icons";
	content: "\e92c";
	margin-left: 5px;
}
.entry-content a[target="_blank"].remove-icon::after {
    display: none;
}*/
/* ブログカード */

/* 著者情報カード */
/* CSS Document */
.profile-card {/*各ページの下部にある筆者の部分*/
  border-top: 1px solid #eee;
  padding: 0 20px;
  padding-top: 40px;
  position: relative;
  margin-top: 50px; }
  @media (max-width: 767px) {
    .profile-card {
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .profile-card {
      margin-bottom: 20px; } }
  .profile-card .profile-title {
    position: absolute;
    top: 0px;
    background: #eee;
    font-size: 1rem;               
    font-weight: 500;
    color: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
    @media (max-width: 767px) {
      .profile-card .profile-title {
        left: 20px;
        padding: 5px 12px; } }
    @media (min-width: 768px) {
      .profile-card .profile-title {
        right: 20px;
        padding: 7px 15px;
        padding-top: 6px; } }
  @media (max-width: 767px) {
    .profile-card .profile-flexbox {
      display: block; } }
  @media (min-width: 768px) {
    .profile-card .profile-flexbox {
      display: flex; } }
  .profile-card .profile-thumbnail {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); }
    @media (max-width: 767px) {
      .profile-card .profile-thumbnail {
        margin: 0 auto; } }
    @media (min-width: 768px) {
      .profile-card .profile-thumbnail {
        margin-right: 20px; } }
  @media (max-width: 767px) {
    .profile-card .profile-meta {
      margin-top: 10px; } }
  .profile-card .profile-meta .profile-name {
    font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri; }
    @media (max-width: 767px) {
      .profile-card .profile-meta .profile-name {
        text-align: center;
        font-weight: 700; } }
    @media (min-width: 768px) {
      .profile-card .profile-meta .profile-name {
        font-weight: 500; } }
  .profile-card .profile-meta .profile-desc {
    font-size: 0.85rem;
    line-height: 1.25rem;
    font-weight: 300;
    margin-top: 20px; }
    .profile-card .profile-link-box {
      margin-top: 30px; }
      @media (max-width: 767px) {
        .profile-card .profile-link-box {
          display: block; } }
      @media (min-width: 768px) {
        .profile-card .profile-link-box {
          display: flex;
          justify-content: space-between;
          align-items: center; } }
          .profile-card .profile-link-box .profile-link {
            flex: 2;
            font-size: 0.85rem;
            word-break: break-all;
            word-wrap: break-word; }
            @media (max-width: 767px) {
              .profile-card .profile-link-box .profile-link {
                margin-left: 0px; } }
            @media (min-width: 768px) {
              .profile-card .profile-link-box .profile-link {
                margin-left: 8px;
                margin-right: 20px; } }
            .profile-card .profile-link-box .profile-link span {
              font-size: 0.75rem; }
            .profile-card .profile-link-box .profile-link svg {
              margin-right: 2px; }
            .profile-card .profile-link-box .profile-follow {
              flex: 1; }
          .profile-card .profile-link-box .jic-type:before {
            vertical-align: bottom;
            font-size: 1em;
            line-height: 1rem;
            padding-bottom: 0; }

.profile-follow {
    display: flex;
    align-items: center; }
.profile-follow {
    margin-left: 20px;}
  @media (max-width: 767px) {
    .profile-follow {
      justify-content: center;
      margin-top: 20px; } }
  @media (min-width: 768px) {
    .profile-follow {
      justify-content: flex-end; } }
      .profile-follow a {
        -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        display: block;
        color: #fff;
        margin: 0 6px;
        font-size: 15px;
        overflow: hidden;
        text-decoration: none !important; }
  .profile-follow a:hover {
    color: #f8b500 !important;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .profile-follow .facebook-sns a {
    margin: 0 7px; }
  .profile-follow .twitter-sns a {
    font-size: 24px;
    margin: 4px;
    padding-top: 5px; }
  .profile-follow .line-sns a {
    font-size: 24px;
    margin: 0px 2px; }
  .profile-follow .instagram-sns a {
    font-size: 30px;
    padding-top: 1px; }
  .profile-follow .youtube-sns a {
    font-size: 27px;
    padding-top: 12px; }
  .profile-follow .contact-sns a {
    font-size: 18px;
    margin: 0px 5px; }
  .profile-follow a:hover {
    color: #f8b500 !important;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

    @media (min-width: 768px) {
      .profile-follow. {
        justify-content: center; } }
    
/* コメントエリア */

/* 関連記事 */

/* 関連記事のスライド */

/* ボックスデザイン */

/* シンプルボタンデザイン */


.gb-simple-button-center {
  text-align: center; }

/* H2スタイル*/
/* CSS Document */
.h2-style01 h2 {
  background-color: #2b2b2b;
  color: #fff;
  border-radius: 2px; }
  @media (max-width: 767px) {
    .h2-style01 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 13px;
      padding-bottom: 12px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style01 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px;
      padding-bottom: 16px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }

/* CSS Document */
.h2-style02 h2 {
  position: relative;
  border-bottom: 1px solid #ddd;
  border-left: 5px solid #2b2b2b; }
  @media (max-width: 767px) {
    .h2-style02 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 10px 10px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style02 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px 12px;
      padding-top: 16px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }
.h2-style02 h2:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05; }

/* CSS Document */
.h2-style03 h2 {
  background-color: #2b2b2b;
  color: #fff;
  border-radius: 4px;
  position: relative; }
  @media (max-width: 767px) {
    .h2-style03 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 12px 13px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style03 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 13px 15px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }
.h2-style03 h2:before {
  position: absolute;
  content: '';
  height: 1px;
  width: 98%;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%);
  background-size: 10px 3px;
  top: 5px;
  left: 1%;
  z-index: 999; }
  @media (max-width: 767px) {
    .h2-style03 h2:before {
      width: 96%;
      left: 2%; } }
.h2-style03 h2:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 98%;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%);
  background-size: 10px 3px;
  bottom: 5px;
  left: 1%;
  z-index: 999; }
  @media (max-width: 767px) {
    .h2-style03 h2:after {
      width: 96%;
      left: 2%; } }

/* CSS Document */
.h2-style04 h2 {
  position: relative; }
  @media (max-width: 767px) {
    .h2-style04 h2 {
      font-size: 1.4rem;
      line-height: 1.8rem;
      padding: 13px 0;
      padding-bottom: 14px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 500; } }
  @media (min-width: 768px) {
    .h2-style04 h2 {
      font-size: 1.8rem;
      line-height: 2.2rem;
      padding: 20px 0;
      padding-bottom: 21px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem;
      font-weight: 300; } }
.h2-style04 h2:before {
  position: absolute;
  content: '';
  top: 0;
  height: 100%;
  background-color: #2b2b2b; }
  @media (max-width: 767px) {
    .h2-style04 h2:before {
      left: -15px;
      width: 5px; } }
  @media (min-width: 768px) {
    .h2-style04 h2:before {
      left: -30px;
      width: 3px; } }

/* CSS Document */
.h2-style05 h2 {
  position: relative;
  background-color: #2b2b2b;
  color: #fff;
  border-bottom: none;
  border-radius: 6px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .h2-style05 h2 {
      font-size: 1.3rem;
      line-height: 1.7rem;
      padding: 10px 14px;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style05 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 12px 14px; } }
.h2-style05 h2:before {
  position: absolute;
  bottom: -12px;
  left: 45px;
  z-index: 90;
  margin-left: -15px;
  border-top: 12px solid;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 0;
  border-top-color: #2b2b2b;
  content: ""; }

/* CSS Document */
.h2-style06 h2 {
  position: relative; }
  @media (max-width: 767px) {
    .h2-style06 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 13px;
      padding-left: 6px;
      padding-bottom: 8px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style06 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px;
      padding-left: 8px;
      padding-bottom: 10px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }
.h2-style06 h2:before {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);
  background-image: linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);
  background-size: 6px 6px; }

/* CSS Document */
.h2-style07 h2 {
  position: relative; }
  @media (max-width: 767px) {
    .h2-style07 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 13px;
      padding-left: 6px;
      padding-bottom: 8px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style07 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px;
      padding-left: 8px;
      padding-bottom: 10px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }
.h2-style07 h2:before {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 4px;
  border-radius: 1px;
  background: #ccc;
  opacity: 0.5; }
.h2-style07 h2:after {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0px;
  height: 4px;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
  background: red; }
  @media (max-width: 767px) {
    .h2-style07 h2:after {
      width: 80px; } }
  @media (min-width: 768px) {
    .h2-style07 h2:after {
      width: 120px; } }

/* CSS Document */
.h2-style08 h2 {
  position: relative;
  border-bottom: 2px solid #ccc; }
  @media (max-width: 767px) {
    .h2-style08 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 13px;
      padding-left: 24px;
      padding-bottom: 4px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style08 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px;
      padding-left: 24px;
      padding-bottom: 6px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }
.h2-style08 h2:before {
  content: "";
  position: absolute;
  background: #fff;
  border: 1px solid;
  border-color: #0094c8;
  top: 0;
  left: 0.4em;
  height: 12px;
  width: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  @media (max-width: 767px) {
    .h2-style08 h2:before {
      top: 0;
      left: 0.4em; } }
.h2-style08 h2:after {
  content: "";
  position: absolute;
  background-color: #0094c8;
  top: 0.8em;
  left: 0.1em;
  height: 8px;
  width: 8px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg); }
  @media (max-width: 767px) {
    .h2-style08 h2:after {
      top: 1em;
      left: 0; } }

/* CSS Document */
.h2-style09 h2 {
  position: relative;
  border-bottom: 3px double #ccc; }
  @media (max-width: 767px) {
    .h2-style09 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 13px;
      padding-left: 8px;
      padding-bottom: 4px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style09 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px;
      padding-left: 8px;
      padding-bottom: 6px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }

/* CSS Document */
.h2-style10 h2 {
  position: relative; }
  @media (max-width: 767px) {
    .h2-style10 h2 {
      font-size: 1.45rem;
      line-height: 1.8rem;
      padding: 13px;
      padding-left: 6px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h2-style10 h2 {
      font-size: 1.65rem;
      line-height: 2rem;
      padding: 15px;
      padding-left: 8px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }
.h2-style10 h2:before {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 4px;
  border-radius: 4px; }
.h2-style10 h2:after {
  position: absolute;
  content: "";
  z-index: 0;
  top: 0;
  left: 0px;
  height: 4px;
  border-radius: 4px;
  width: 100%; }

/* H3スタイル*/
/* CSS Document */
.h3-style01 h3 {
  border-bottom: 3px solid #2b2b2b; }
  @media (max-width: 767px) {
    .h3-style01 h3 {
      font-size: 1.2rem;
      line-height: 1.7rem;
      padding: 5px 8px;
      padding-top: 0;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style01 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 4px 8px;
      padding-top: 0;
      margin-top: 2.3rem;
      margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style02 h3 {
  position: relative; }
  @media (max-width: 767px) {
    .h3-style02 h3 {
      font-size: 1.2rem;
      line-height: 1.7rem;
      padding: 8px 12px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style02 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 10px 15px;
      margin-top: 2rem;
      margin-bottom: 1.6rem; } }
.h3-style02 h3:before {
  position: absolute;
  content: "";
  left: 0px;
  width: 5px;
  background: #000;
  opacity: 0.5;
  border-radius: 1px; }
  @media (max-width: 767px) {
    .h3-style02 h3:before {
      top: 3px;
      height: 34px; } }
  @media (min-width: 768px) {
    .h3-style02 h3:before {
      top: 5px;
      height: 40px; } }
.h3-style02 h3:after {
  position: absolute;
  content: "";
  left: 0px;
  width: 5px;
  background: red;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px; }
  @media (max-width: 767px) {
    .h3-style02 h3:after {
      top: 3px;
      height: 17px; } }
  @media (min-width: 768px) {
    .h3-style02 h3:after {
      top: 5px;
      height: 20px; } }

/* CSS Document */
.h3-style03 h3 {
  position: relative; }
  @media (max-width: 767px) {
    .h3-style03 h3 {
      font-size: 1.2rem;
      line-height: 1.7rem;
      padding: 10px 15px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style03 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 12px 20px;
      margin-top: 2.3rem;
      margin-bottom: 1.6rem; } }
.h3-style03 h3:before {
  position: absolute;
  content: '';
  width: 6px;
  height: 100%;
  left: 0;
  bottom: 0;
  background-color: #2b2b2b;
  border-radius: 3.5px; }
  @media (max-width: 767px) {
    .h3-style03 h3:before {
      width: 6px;
      border-radius: 3px; } }

/* CSS Document */
.h3-style04 h3 {
  position: relative;
  border-bottom: 1px dashed #ddd;
  border-left: 5px solid #2b2b2b; }
  @media (max-width: 767px) {
    .h3-style04 h3 {
      font-size: 1.2rem;
      line-height: 1.7rem;
      padding: 4px 10px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style04 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 6px 12px;
      margin-top: 2rem;
      margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style05 h3 {
  position: relative;
  border-bottom: 3px double #ddd; }
  @media (max-width: 767px) {
    .h3-style05 h3 {
      font-size: 1.15rem;
      line-height: 1.55rem;
      padding: 4px 10px;
      padding-top: 7px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style05 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 6px 12px;
      padding-top: 8px;
      margin-top: 2rem;
      margin-bottom: 1.6rem; } }
.h3-style05 h3:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05; }

/* CSS Document */
.h3-style06 h3 {
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 767px) {
    .h3-style06 h3 {
      font-size: 1.15rem;
      line-height: 1.55rem;
      padding: 8px 10px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style06 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 8px 12px;
      margin-top: 2rem;
      margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style07 h3 {
  position: relative; }
  @media (max-width: 767px) {
    .h3-style07 h3 {
      font-size: 1.15rem;
      line-height: 1.55rem;
      padding: 8px 10px;
      margin-top: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h3-style07 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      padding: 8px 12px;
      margin-top: 2rem;
      margin-bottom: 1.6rem; } }
.h3-style07 h3:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: #000;
  opacity: 0.2; }

/* H4スタイル*/
/* CSS Document */
.h4-style01 h4 {
  border-left: 2px solid #2b2b2b; }
  @media (max-width: 767px) {
    .h4-style01 h4 {
      font-size: 1.05rem;
      line-height: 1.6rem;
      padding: 2px 8px;
      margin-top: 1rem;
      margin-bottom: 0.8rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h4-style01 h4 {
      font-size: 1.3rem;
      line-height: 1.8rem;
      padding: 2px 12px;
      margin-top: 1rem;
      margin-bottom: 0.8rem; } }

/* CSS Document */
.h4-style02 h4 {
  position: relative;
  border-radius: 2px; }
  @media (max-width: 767px) {
    .h4-style02 h4 {
      font-size: 1.1rem;
      line-height: 1.6rem;
      padding: 6px 8px;
      margin-top: 1rem;
      margin-bottom: 0.8rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .h4-style02 h4 {
      font-size: 1.3rem;
      line-height: 1.8rem;
      padding: 8px 15px;
      margin-top: 1rem;
      margin-bottom: 0.8rem; } }
.h4-style02 h4:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  border-radius: 2px;
  filter: opacity(0.1); }

/* CSS Document */
@media (max-width: 767px) {
  .h4-style03 h4 {
    font-size: 1.1rem;
    line-height: 1.6rem;
    padding: 5px 8px;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
    border-bottom: 2px dotted #2b2b2b; } }
@media (min-width: 768px) {
  .h4-style03 h4 {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 4px 8px;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    border-bottom: 4px dotted #2b2b2b; } }

/* CSS Document */
.h4-style04 h4 {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 0.1em;
  padding-left: 0.2em;
  margin-top: 0.7em;
  margin-bottom: 0.9em; }
  @media (max-width: 767px) {
    .h4-style04 h4 {
      font-size: 1.1rem; } }
  @media (min-width: 768px) {
    .h4-style04 h4 {
      font-size: 1.3rem; } }

/* JINオリジナルアイコンを見出し先頭に表示させる設定 */

/*コピーライト丸Cの位置*/
    .jic:before {
      display: inline-block !important; }
      @media (max-width: 767px) {
        .jic:before {
          vertical-align: bottom;
          padding-right: 0px;
          padding-bottom: 3px; } }    
    .jic-sc {
      margin-left: 1px;
      margin-right: 1px;
      line-height: 1.1rem;
      vertical-align: middle; }

/* ショートコード */

/*シンタックスハイライター*/

/*アイコンボックス*/

/*画像加工*/
.jin-img-shadow-on img {
  box-shadow: 0px 0px 5px 3px #eee; }

.jin-img-radius-on img {
  border-radius: 500px; }

.jin-img-border-on img {
  border: 3px solid #eee; }

.jin-img-shadow img {
  box-shadow: 0px 3px 7px 1px #bbb; }

.jin-img-kadomaru img {
  box-shadow: 0px 3px 6px 1px #bbb;
  border-radius: 10px; }

.jin-img-waku img {
  box-shadow: 0px 4px 6px 1px #ccc;
  padding: 10px;
  border-top: 1px solid #f3f3f3; }

.jin-img-maruwaku img {
  box-shadow: 0px 4px 6px 1px #ccc;
  border-top: 1px solid #f3f3f3;
  border-radius: 999px; }




/* 新たに加えた吹き出しタイトル */
.tballoon-box {
  position: relative;
  overflow: hidden;
  padding-bottom: 3px; }

.tballoon-icon {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .tballoon-icon {
      width: 60px;
      height: 60px; } }

.tballoon-icon.maru {
  border: 2px solid #eee;
  border-radius: 40px; }

.ticon-name {
  position: absolute;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7rem !important;
  color: #777; }
  @media (max-width: 767px) {
    .ticon-name {
      width: 60px;
      top: 62px;
      font-size: 9px; } }
  @media (min-width: 768px) {
    .ticon-name {
      width: 80px;
      top: 85px;
      font-size: 10px; } }

.tballoon-icon img {
  width: 80px;
  height: auto;
  margin-bottom: 0 !important; }
  @media (max-width: 767px) {
    .tballoon-icon img {
      width: 60px; } }

.tballoon-serif .tballoon-content img.star {
  width: 24%;
  padding-bottom: 1px;
  margin-bottom: -3px !important; }
  @media (max-width: 767px) {
    .tballoon-t .tballoon-content img.star {
      width: 38%;
      padding-bottom: 2px; } }

.tballoon-content p:last-of-type {
  padding-bottom: 0 !important; }

.tballoon-left .tballoon-icon {
  left: 0px; }
.tballoon-left .ticon-name {
  left: 0px; }
.tballoon-left .tballoon-serif {
  position: relative;
  float: left;
  margin: 0px 105px 40px 105px;
  padding-left: 10px; }/*タイトル吹き出しの位置*/
  @media (max-width: 767px) {
    .tballoon-left .tballoon-serif {
      margin: 0 0px 30px 78px; } }
      @media (min-width: 768px) {
        .tballoon-left .tballoon-serif {
          margin: 0 0px 30px 78px; } }
.tballoon-left .tballoon-serif:before {
  content: "";
  position: absolute;
  left: 3px;/*タイトル吹き出しの<の位置*/
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  z-index: 3; }
  @media (max-width: 767px) {
    .tballoon-left .tballoon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .tballoon-left .tballoon-serif:before {
      top: 16px; } }
.tballoon-left .tballoon-serif:after {
  content: "";
  position: absolute;
  left: 0px; /*タイトル吹き出しの<の位置*/
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  z-index: 2; }
  @media (max-width: 767px) {
    .tballoon-left .tballoon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .tballoon-left .tballoon-serif:after {
      top: 15px; } }
.tballoon-left .tballoon-serif .tballoon-content {/*吹き出しタイトルの文字設定*/
  position: relative;
  line-height: 1.2em;
  border: 2px solid;
  border-radius: 6px;
  letter-spacing: -1px;
  font-size: 1.6em;
  font-weight: 900;
  text-align: center;
  color: #666;
  z-index: 2; }
  @media (max-width: 767px) {
    .tballoon-left .tballoon-serif .tballoon-content {
      font-size: 1.2em;
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .tballoon-left .tballoon-serif .tballoon-content {
      padding: 1.15rem; } }

.tballoon-left.tballoon-gray .tballoon-serif:after,
.tballoon-left.has-ccc-ballon .tballoon-serif:after {
        border-color: transparent #fc9 transparent transparent; }
.tballoon-left.tballoon-gray .tballoon-content,
.tballoon-left.has-ccc-ballon .tballoon-content {
        border-color: #fc9; border-width: 3px;}

        .tballoon-left.tballoon-pink .tballoon-serif:after,
        .tballoon-left.has-ccc-ballon .tballoon-serif:after {
                border-color: transparent #F99 transparent transparent; }
        .tballoon-left.tballoon-pink .tballoon-content,
        .tballoon-left.has-ccc-ballon .tballoon-content {
                border-color: #F99; border-width: 3px;}

/* 吹き出しタイトルここまで */




/* 吹き出し */
.balloon-box {
  position: relative;
  overflow: hidden;
  padding-bottom: 3px; }

.balloon-icon {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .balloon-icon {
      width: 60px;
      height: 60px; } }

.balloon-icon.maru {
  border: 2px solid #eee;
  border-radius: 40px; }

.icon-name {
  position: absolute;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7rem !important;
  color: #777; }
  @media (max-width: 767px) {
    .icon-name {
      width: 60px;
      top: 62px;
      font-size: 9px; } }
  @media (min-width: 768px) {
    .icon-name {
      width: 80px;
      top: 85px;
      font-size: 10px; } }

.balloon-icon img {
  width: 80px;
  height: auto;
  margin-bottom: 0 !important; }
  @media (max-width: 767px) {
    .balloon-icon img {
      width: 60px; } }

.balloon-serif .balloon-content img.star {
  width: 24%;
  padding-bottom: 1px;
  margin-bottom: -3px !important; }
  @media (max-width: 767px) {
    .balloon-serif .balloon-content img.star {
      width: 38%;
      padding-bottom: 2px; } }

.balloon-content p:last-of-type {
  padding-bottom: 0 !important; }

.balloon-left .balloon-icon {
  left: 0; }
.balloon-left .icon-name {
  left: 0; }
.balloon-left .balloon-serif {
  position: relative;
  float: left;
  margin: 0 105px 40px 105px;
  padding: 0; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif {
      margin: 0 0px 30px 78px; } }
.balloon-left .balloon-serif:before {
  content: "";
  position: absolute;
  left: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  z-index: 3; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif:before {
      top: 16px; } }
.balloon-left .balloon-serif:after {
  content: "";
  position: absolute;
  left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif:after {
      top: 15px; } }
.balloon-left .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif .balloon-content {
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif .balloon-content {
      padding: 1.15rem; } }

.balloon-right .balloon-icon { 
  right: 0; }
.balloon-right .icon-name {
  right: 0; }
.balloon-right .balloon-serif {
  position: relative;
  float: right;
  margin: 0 105px 40px 105px;
  padding: 0; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif {
      margin: 0 78px 30px 0px; } }
.balloon-right .balloon-serif:before {
  content: "";
  position: absolute;
  right: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0px 7px 10px;
  z-index: 3; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif:before {
      top: 16px; } }
.balloon-right .balloon-serif:after {
  content: "";
  position: absolute;
  right: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 0px 8px 10px;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif:after {
      top: 15px; } }
.balloon-right .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif .balloon-content {
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif .balloon-content {
      padding: 1.15rem; } }

.balloon-box ol li {
  position: relative;
  display: block;
  padding: 2px 0px 5px 25px;
  margin-bottom: 0.7em; }

.balloon-box ol li:after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0px;
  top: 0.25em;
  padding: 0 0 0 0px;
  background: #aaa;
  height: 20px;
  width: 20px;
  color: #fff;
  text-align: center;
  font-size: 0.65em;
  border-radius: 11px; }

.balloon-right.balloon-gray .balloon-serif:after,
.balloon-right.has-ccc-ballon .balloon-serif:after {
  border-color: transparent transparent transparent #fc9; }
.balloon-right.balloon-gray .balloon-content,
.balloon-right.has-ccc-ballon .balloon-content {
  border-color: #fc9; }
/*ここから下は消さない*/
.balloon-left.balloon-gray .balloon-serif:after,
.balloon-left.has-ccc-ballon .balloon-serif:after {
  border-color: transparent #fc9 transparent transparent; }
.balloon-left.balloon-gray .balloon-content,
.balloon-left.has-ccc-ballon .balloon-content {
  border-color: #fc9; }

/*バルーンタイトル用に足したもの*/
.tballoon-left.tballoon-bg-none .tballoon-serif:before,
.tballoon-left.has-fff-bgballon .tballoon-serif:before {
  border-color: transparent #fff transparent transparent; }
.tballoon-left.tballoon-bg-none .tballoon-content,
.tballoon-left.has-fff-bgballon .tballoon-content {
  background: #fff; }
/*バルーンタイトル用に足したものここまで*/


.balloon-right.balloon-bg-gray .balloon-serif:before,
.balloon-right.has-efefef-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #fc9; }
.balloon-right.balloon-bg-gray .balloon-content,
.balloon-right.has-efefef-bgballon .balloon-content {
  background: #fc9; }
/*ここから上は消さない*/

  
    .balloon-right.balloon-bg-none .balloon-serif:before,
    .balloon-right.has-fff-bgballon .balloon-serif:before {
      border-color: transparent transparent transparent #fff; }
    .balloon-right.balloon-bg-none .balloon-content,
    .balloon-right.has-fff-bgballon .balloon-content {
      background: #fff; }
    
    .balloon-left.balloon-bg-none .balloon-serif:before,
    .balloon-left.has-fff-bgballon .balloon-serif:before {
      border-color: transparent #fff transparent transparent; }
    .balloon-left.balloon-bg-none .balloon-content,
    .balloon-left.has-fff-bgballon .balloon-content {
      background: #fff; }
  
.balloon-left.balloon-none .balloon-serif:after,
.balloon-left.balloon-none .balloon-content,
.balloon-right.balloon-none .balloon-serif:after,
.balloon-right.balloon-none .balloon-content,
.balloon-left.has-fff-ballon .balloon-serif:after,
.balloon-left.has-fff-ballon .balloon-content,
.balloon-right.has-fff-ballon .balloon-serif:after,
.balloon-right.has-fff-ballon .balloon-content {
  border-color: transparent; }

.balloon-left.balloon-none .balloon-serif:before,
.balloon-left.has-fff-ballon .balloon-serif:before {
  left: -9px; }

.balloon-right.balloon-none .balloon-serif:before,
.balloon-right.has-fff-ballon .balloon-serif:before {
  right: -9px; }

/* デフォルトフォント */
/* CSS Document */
body#nofont-style {
  font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }
  body#nofont-style .kaisetsu-box1:after,
  body#nofont-style .kaisetsu-box2:after,
  body#nofont-style .kaisetsu-box4:after,
  body#nofont-style .kaisetsu-box5:after,
  body#nofont-style .innerlink-box1:after {
    font-family: "jin-icons",'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }
  body#nofont-style .ef,
  body#nofont-style #prev-next a.prev:after,
  body#nofont-style #prev-next a.next:after {
    font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    letter-spacing: 2px;
    font-feature-settings: "palt"; }
  body#nofont-style input[type="text"],
  body#nofont-style input[type="search"] {
    font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }

/* ブラウザハックCSS */
/* CSS Document */
@media (min-width: 768px) {
  _:-ms-lang(x), .concept-box1:after,
  _:-ms-lang(x), .concept-box2:after,
  _:-ms-lang(x), .concept-box3:after,
  _:-ms-lang(x), .concept-box4:after,
  _:-ms-lang(x), .concept-box5:after,
  _:-ms-lang(x), .concept-box6:after {
    border: none !important;
    top: -25px !important;
    left: 31px !important;
    padding: 12px; } }

_:-ms-lang(x), .sidebar_style1,
_:-ms-lang(x), .sidebar_style6 {
  padding-top: 0 !important; }

@media all and (-ms-high-contrast: none) {
  .my-profile .profile-sns-menu ul .pro-line a {
    padding-top: 3px !important; }

    .profile-follow .line-sns a {
      padding-top: 6px !important; } }
@media (max-width: 767px) {
  .android .pro-contact a,
  .android .pro-insta a {
    padding-left: 5px !important; }

  .android .contact-sns a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 7px !important;
    padding-bottom: 2px !important; }

  .android .head-sp-menu-bar ul li a {
    font-weight: 500 !important; }

  .android input.search-text::-webkit-input-placeholder {
    padding-top: 3px; }

  .android input.search-text {
    margin-top: 2px; }

  .android .sp-menu-box ul li a:before {
    top: 9px !important;
    line-height: 20px;
    overflow: visible; }

  .android .sp-menu-box ul li ul li a:before {
    top: 4px !important; }

  .android .pickup-title {
    font-size: 10px !important;
    letter-spacing: 0 !important; }

  .android .widget_categories ul > li > a:before,
  .android .widget_nav_menu ul > li > a:before {
    top: 21px; }

  .android .widget_categories ul > li > ul > li > a:before,
  .android .widget_nav_menu ul > li > ul > li > a:before {
    top: 12px; }

  .android .widget_categories ul .count {
    top: 11px; }

  .android .widget_archive ul .count {
    top: 10px; }

  .android .widget_categories ul ul .count {
    top: 0px; }

  .android .cps-post-main ul:not([class]) li:before,
  .android .cps-post-main table ul:not([class]) li:before {
    top: 0.5em; }

  .android .cps-post-main ol > li:after,
  .android .cps-post-main table ol:not([class]) li:after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 11px; }

  .android .cps-post-main ol > li:before,
  .android .cps-post-main table ol:not([class]) li:before {
    left: 0px;
    height: 20px;
    width: 20px;
    top: 0px; }

  .android .cps-post-main table {
    border-collapse: separate !important;
    border-spacing: 0; }

  .android .cps-post-main table th,
  .android .cps-post-main table td {
    border-top: none;
    border-left: none; }

  .android .cps-post-main table td:last-child {
    border-right: none; }

  .android .cps-post-main table tr:last-child th,
  .android .cps-post-main table tr:last-child td {
    border-bottom: none; }

    .android #prev-next .prev .metabox img,
    .android #prev-next .next .metabox img {
      width: 150px !important;
      max-height: 112px; } }


/* アイコンフォント「jin-icons」 */
/* CSS Document */
@font-face {
  font-family: 'jin-icons';
  src: url("../plugin/jin-icons.ttf") format("truetype"), url("font/jin-icons/fonts/jin-icons.woff?c16tcv") format("woff"), url("font/jin-icons/fonts/jin-icons.svg?c16tcv#jin-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="jin-ifont-"], [class*=" jin-ifont-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'jin-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  will-change: transform;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="jin-ifont-"]:before, [class*=" jin-ifont-"]:before {
  font-size: 1.1em;
  display: block;
  will-change: transform; }

.jin-ifont-facebook:before {
  content: "\e912"; }

.jin-ifont-information:before {
  content: "\e918"; }

.jin-ifont-instagram:before {
  content: "\e919"; }

.jin-ifont-line:before {
  content: "\e91b"; }

.jin-ifont-mail:before {
  content: "\e91c"; }

  .jin-ifont-twitter:before {
    content: "\e92d"; }
  
  .jin-ifont-youtube:before {
    content: "\e930"; }
  
  .jin-ifont-facebook-t:before {
    content: "\e937"; }
  
  .jin-ifont-copyright:before {
    content: "\e93a"; }
  
  .jin-ifont-arrow-top:before {
    content: "\e903";}

/*ここから下はindex.cssから移植*/

/*インスタの体裁を整えている*/
.sbi-owl-item { padding: 0 3px 5px; }
#sbi_images .sbi-owl-stage { margin-left: 36.5%; }
@media (max-width: 479px){#sbi_images .sbi-owl-stage { margin-left: 25%; }}
@media (max-width: 640px){.sbi_lb-container-wrapper{margin-left: 0;}}

/*ここからform.htmlから持ってきたcss*/
.my-profile {padding-bottom: 85px;}
.cps-sp-menu-bar { background-color: #ff6; color: #a87a44; }/*メニューバーの背景色*/
@media (max-width: 767px) {
.cps-icon-bar, #navtoggle:checked + .sp-menu-open .cps-icon-bar { background-color: #a87a44; }
.headsearch .search-box:before { color: #fff; } }

img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important;}
img#wpstats {display: none}
.related-entry-headline-text span:before, #comment-title span:before, #reply-title span:before { background-color: #a87a44; border-color: #a87a44 !important; }
#breadcrumb:after, #page-top a { background-color: #ff6; }/*上のフッターとトップボタンの色*/
footer { background-color: #f93; }/*下のフッターの色*/
.footer-inner a, #copyright, #copyright-center { border-color: #fff !important; color: #fff !important; }

#footer-widget-area { border-color: #ff !important; }
.page-top-footer a { color: #a87a44 !important; }

body, a, a:link, a:visited, .my-profile, .widgettitle, .tabBtn-mag label { color: #222; }
a:hover
.widget_nav_menu ul > li > a:before, .widget_categories ul > li > a:before, .widget_pages ul > li > a:before, .widget_recent_entries ul > li > a:before, .widget_archive ul > li > a:before, .widget_archive form:after, .widget_categories form:after, .widget_nav_menu ul > li > ul.sub-menu > li > a:before, .widget_categories ul > li > .children > li > a:before, .widget_pages ul > li > .children > li > a:before, .widget_nav_menu ul > li > ul.sub-menu > li > ul.sub-menu li > a:before, .widget_categories ul > li > .children > li > .children li > a:before, .widget_pages ul > li > .children > li > .children li > a:before { 
color: #fc9; }
.widget_nav_menu ul .sub-menu .sub-menu li a:before { background-color: #000000 !important; }
footer .footer-widget, footer .footer-widget a, footer .footer-widget ul li, .footer-widget.widget_nav_menu ul > li > a:before, .footer-widget.widget_categories ul > li > a:before, .footer-widget.widget_recent_entries ul > li > a:before, .footer-widget.widget_pages ul > li > a:before, .footer-widget.widget_archive ul > li > a:before, footer .widget_tag_cloud .tagcloud a:before {
color: #fff !important; border-color: #fff !important; }
footer .footer-widget .widgettitle { color: #fff !important; border-color: #ffcd44 !important; }
footer .widget_nav_menu ul .children .children li a:before, footer .widget_categories ul .children .children li a:before, footer .widget_nav_menu ul .sub-menu .sub-menu li a:before {
background-color: #f93 !important; }
#drawernav a:hover, .post-list-title, #prev-next p, #toc_container .toc_list li a { color: #333 !important; }/*Topページ各円のタイトル色*/
#header-box { background-color: #3f3; }/*ヘッダーの背景色*/
@media (min-width: 768px) {
  .top-image-meta { margin-top: calc(0px - 30px); }}
@media (min-width: 1200px) {
.top-image-meta {
margin-top: calc(0px); }}
.pickup-contents:before { background-color: #f9dfe4 !important; }
.main-image-text { color: #555; }
.main-image-text-sub { color: #555; }
#site-info2 { padding-top: 20px; }
#site-info2 span a { color: #020202 !important; }
#headmenu .headsns .line a svg { fill: #a87a44 !important; }
#headmenu .headsns a, #headmenu { color: #a87a44 !important; border-color: #a87a44 !important; }
.profile-follow .line-sns a svg { fill: #a87a44 !important; }
.profile-follow .line-sns a:hover svg { fill: #ffcd44 !important; }
.profile-follow a { color: #a87a44 !important; border-color: #a87a44 !important; }
.profile-follow a:hover, #headmenu .headsns a:hover { color: #ffcd44 !important; border-color: #ffcd44 !important; }
.search-box:hover { color: #ffcd44 !important; border-color: #ffcd44 !important; }
#header #headmenu .headsns .line a:hover svg { fill: #ffcd44 !important; }
.cps-icon-bar, #navtoggle:checked + .sp-menu-open .cps-icon-bar { background-color: #020202; }
#nav-container { background-color: #a87a44; }
.menu-box .menu-item svg { fill: #7c5930; }
#drawernav ul.menu-box > li > a, #drawernav2 ul.menu-box > li > a, #drawernav3 ul.menu-box > li > a, #drawernav4 ul.menu-box > li > a, #drawernav5 ul.menu-box > li > a, #drawernav ul.menu-box > li.menu-item-has-children:after, #drawernav2 ul.menu-box > li.menu-item-has-children:after, #drawernav3 ul.menu-box > li.menu-item-has-children:after, #drawernav4 ul.menu-box > li.menu-item-has-children:after, #drawernav5 ul.menu-box > li.menu-item-has-children:after {
color: #fff !important; }
#drawernav ul.menu-box li a, #drawernav2 ul.menu-box li a, #drawernav3 ul.menu-box li a, #drawernav4 ul.menu-box li a, #drawernav5 ul.menu-box li a {
font-size: 1px !important; }
#drawernav3 ul.menu-box > li {  color: #000 !important; }
#drawernav4 .menu-box > .menu-item > a:after, # .menu-box > .menu-item > a:after, #drawernav .menu-box > .menu-item > a:after {
background-color: #fff !important; }/*ヘッダの文字下にホバーするラインの色*/
#drawernav2 .menu-box > .menu-item:hover, #drawernav5 .menu-box > .menu-item:hover {
border-top-color: #a87a44 !important; }

@media (min-width: 768px) { .post-list-mag .post-list-item:not(:nth-child(2n)) { margin-right: 2.6%; }}
@media (min-width: 768px) {
#tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after, #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after, #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after, #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after {
border-top-color: #a87a44 !important; }
.tabBtn-mag label { border-bottom-color: #a87a44 !important; } }
#tab-1:checked ~ .tabBtn-mag li [for="tab-1"], #tab-2:checked ~ .tabBtn-mag li [for="tab-2"], #tab-3:checked ~ .tabBtn-mag li [for="tab-3"], #tab-4:checked ~ .tabBtn-mag li [for="tab-4"], #prev-next a.next:after, #prev-next a.prev:after, .more-cat-button a:hover span:before {
background-color: #a87a44 !important; }
.swiper-slide .post-list-cat, .post-list-mag .post-list-cat, .post-list-mag3col .post-list-cat, .post-list-mag-sp1col .post-list-cat, .swiper-pagination-bullet-active, .pickup-cat, .post-list .post-list-cat, #breadcrumb .bcHome a:hover span:before, .popular-item:nth-child(1) .pop-num, .popular-item:nth-child(2) .pop-num, .popular-item:nth-child(3) .pop-num {
background-color: #ffcd44 !important; }
.sidebar-btn a, .profile-sns-menu { background-color: #f93 !important; }/*プロフィール下のボックスの色*/
.sp-sns-menu a, .pickup-contents-box a:hover .pickup-title { border-color: #a87a44 !important; color: #a87a44 !important; }
.pro-line svg { fill: #a87a44 !important; }
.cps-post-cat a, .meta-cat, .popular-cat { background-color: #f93 !important; border-color: #f93 !important; }/*メイン記事カテゴリーの色*/
.tagicon, .tag-box a, #toc_container .toc_list > li, #toc_container .toc_title { color: #a87a44 !important; }
.widget_tag_cloud a::before { color: #000000 !important; }
.tag-box a, #toc_container:before { border-color: #a87a44 !important; }
.cps-post-cat a:hover { color: #a87a44 !important; }
.pagination li:not([class * ="current"]) a:hover, .widget_tag_cloud a:hover { background-color: #a87a44 !important; }
.pagination li:not([class * ="current"]) a:hover { opacity: 0.5 !important; }
.pagination li.current a { background-color: #f93 !important; border-color: #a87a44 !important; }
.nextpage a:hover span { color: #a87a44 !important; border-color: #a87a44 !important; }
.cta-content:before { background-color: #fc9 !important; }
.cta-text, .info-title { color: #fff !important; }
#footer-widget-area.footer_style1 .widgettitle { border-color: #ffcd44 !important; }
.sidebar_style1 .widgettitle, .sidebar_style5 .widgettitle { border-color: #f93 !important; }/*何かおさがしですかの線*/
.sidebar_style2 .widgettitle, .sidebar_style4 .widgettitle, .sidebar_style6 .widgettitle, #home-bottom-widget .widgettitle, #home-top-widget .widgettitle, #post-bottom-widget .widgettitle, #post-top-widget .widgettitle {
background-color: #a87a44 !important; }
#home-bottom-widget .widget_search .search-box input[type="submit"], #home-top-widget .widget_search .search-box input[type="submit"], #post-bottom-widget .widget_search .search-box input[type="submit"], #post-top-widget .widget_search .search-box input[type="submit"] {
background-color: #ffcd44 !important; }
.tn-logo-size { font-size: 40% !important; }
@media (max-width: 767px) {
.tn-logo-size img { margin-left: 20px; width: 140px !important; } }/*formヘッダーのロゴのサイズ*/
@media (min-width: 768px) {
.tn-logo-size img { width: 200px !important; } }/*formヘッダーのロゴのサイズ*/
@media (min-width: 1200px) {
.tn-logo-size img { width: 240px !important; } }/*formヘッダーのロゴのサイズ*/
.sp-logo-size { font-size: 20% !important; }
.sp-logo-size img { width: 20% !important; }
.cps-post-main ul > li:before, .cps-post-main ol > li:before { background-color: #ffcd44 !important; }
.profile-card .profile-title { background-color: #f93 !important; }
.profile-card { border-color: #fc9 !important; border-width: 3px;} /*authorの横線の色と太さ*/
.cps-post-main a { color: #f60; }/*本文リンクの色*/
.cps-post-main .marker {
background: -webkit-linear-gradient(transparent 60%, #ffcedb 0%);
background: linear-gradient(transparent 60%, #ffcedb 0%); }
.cps-post-main .marker2 {
background: -webkit-linear-gradient(transparent 60%, #a9eaf2 0%);
background: linear-gradient(transparent 60%, #a9eaf2 0%); }

.innerlink-box1, .blog-card { border-color: #73bc9b !important; }
.innerlink-box1-title { background-color: #73bc9b !important; border-color: #73bc9b !important; }
.innerlink-box1:before, .blog-card-hl-box { background-color: #73bc9b !important; }
.color-button01 a, .color-button01 a:hover, .color-button01:before { background-color: #008db7 !important; }
.top-image-btn-color a, .top-image-btn-color a:hover, .top-image-btn-color:before {
background-color: #ffcd44 !important; }
.top-image-btn-color:before, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before {
    bottom: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all .4s;
    transition: all .4s; }
.top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95); }
.top-image-btn-color:hover:before, .color-button01:hover:before, .color-button02:hover:before, .color-button01-big:hover:before, .color-button02-big:hover:before {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: none !important; }
.h2-style01 h2, .h2-style02 h2:before, .h2-style03 h2, .h2-style04 h2:before, .h2-style05 h2, .h2-style07 h2:before, .h2-style07 h2:after, .h3-style03 h3:before, .h3-style02 h3:before, .h3-style05 h3:before, .h3-style07 h3:before, .h2-style08 h2:after, .h2-style10 h2:before, .h2-style10 h2:after, .h3-style02 h3:after, .h4-style02 h4:before {
background-color: #a87a44 !important; }
.h3-style01 h3, .h3-style04 h3, .h3-style05 h3, .h3-style06 h3, .h4-style01 h4, .h2-style02 h2, .h2-style08 h2, .h2-style08 h2:before, .h2-style09 h2, .h4-style03 h4 {

/*小見出しの装飾*/
  position: relative;
  color: #fff;
  background: #f93;
  line-height: 1.6;
  padding: 0.5em 0.5em 0.5em 1em;
  border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
  }
  
  h3:before {
    content: '＊';
    color: white;
    margin-right: 7px;
} /*小見出しの装飾*/
.h2-style05 h2:before {
border-top-color: #a87a44 !important; }
.h2-style06 h2:before, .sidebar_style3 .widgettitle:after {
background-image: linear-gradient( -45deg, transparent 25%, #a87a44 25%, #a87a44 50%, transparent 50%, transparent 75%, #a87a44 75%, #a87a44); }
.jin-h2-icons.h2-style02 h2 .jic:before, .jin-h2-icons.h2-style04 h2 .jic:before, .jin-h2-icons.h2-style06 h2 .jic:before, .jin-h2-icons.h2-style07 h2 .jic:before, .jin-h2-icons.h2-style08 h2 .jic:before, .jin-h2-icons.h2-style09 h2 .jic:before, .jin-h2-icons.h2-style10 h2 .jic:before, .jin-h3-icons.h3-style01 h3 .jic:before, .jin-h3-icons.h3-style02 h3 .jic:before, .jin-h3-icons.h3-style03 h3 .jic:before, .jin-h3-icons.h3-style04 h3 .jic:before, .jin-h3-icons.h3-style05 h3 .jic:before, .jin-h3-icons.h3-style06 h3 .jic:before, .jin-h3-icons.h3-style07 h3 .jic:before, .jin-h4-icons.h4-style01 h4 .jic:before, .jin-h4-icons.h4-style02 h4 .jic:before, .jin-h4-icons.h4-style03 h4 .jic:before, .jin-h4-icons.h4-style04 h4 .jic:before {
color: #a87a44; }
@media all and (-ms-high-contrast: none) {
    * ::-ms-backdrop, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before {
        background-color: #595857 !important; } }
.jin-lp-h2 h2, .jin-lp-h2 h2 { background-color: transparent !important; border-color: transparent !important; color: #fff !important; }
.jincolumn-h3style2 { border-color: #a87a44 !important; }
.jinlph2-style1 h2:first-letter { color: #a87a44 !important; }
.jinlph2-style2 h2, .jinlph2-style3 h2 { border-color: #a87a44 !important; }
.jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up {
border-left-color: #a87a44; }
.jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3 { background-color: #a87a44; }
.jin-photo-title .jin-fusen2:before, .jin-photo-title .jin-fusen3:before { border-top-color: #a87a44; }
/*htmlから持ってきたcssここまで*/


/*メニューの設定*/
.cps-sp-menu-bar ul li{
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center;
}
.cps-sp-menu-bar ul li a{
	width: 100px;
	height: 100px;
	display: block;
}
.cps-sp-menu-bar ul .event{
	background-image:url(../img/icon/menu01.png);
}
.cps-sp-menu-bar ul .eat{
	background-image:url(../img/icon/menu02.png);
}
.cps-sp-menu-bar ul .shop{
	background-image:url(../img/icon/menu03.png);
}
.cps-sp-menu-bar ul .spot{
	background-image:url(../img/icon/menu04.png);
}
.cps-sp-menu-bar ul .ocean{
	background-image:url(../img/icon/menu05.png);
}
.cps-sp-menu-bar ul .people{
	background-image:url(../img/icon/menu06.png);
}
.cps-sp-menu-bar ul .animal{
	background-image:url(../img/icon/menu07.png);
}
.cps-sp-menu-bar ul .news{
	background-image:url(../img/icon/menu08.png);
}
.cps-sp-menu-bar ul .column{
	background-image:url(../img/icon/menu09.png);
}

.cps-sp-menu-bar ul li {
	transition-duration: 0.3s;
}
.cps-sp-menu-bar ul li:hover {
	background-size: 120px;
	transition-duration: 0.3s;
}

.cps-sp-menu-bar ul .current-menu-item a{
	border-bottom: 0;
}

#sb_instagram .sbi_link{
	background: none;
}
#sb_instagram .sbi_item:hover .sbi_photo{
	transform: none;
}

@media screen and (max-width: 767px){
	#header{
	background-position: bottom;
	}

	.todays_pickup_box{
		margin-top: -1px;
	}
	.cps-sp-menu-bar ul li{
	width: 76px;
	height: 76px;
	text-indent: -9999px;
	background-size: 76px;
	background-repeat: no-repeat;
	background-position: center;
}
.cps-sp-menu-bar ul li a{
	width: 76px;
	height: 76px;
	display: block;
}
	.cps-sp-menu-bar ul li:hover {
	background-size: 100px;
 }
}

.home #site-info{
	padding-top: 0 !important;
}

.wpcf7-form input[type="submit"], .wpcf7-form input[type="submit"]:hover {
	background: #fc9;
	border-color: #fc9;
}

#sb_instagram .sbi_photo_wrap{
	border: 3px solid #fff;
}

body.home .post-list-cat, body.home .post-list-title{
	letter-spacing: -1px;
	font-weight: bold;
	color: #f93;
}

.comment-list .reply{
	display: none;
}
.comment-list .comment-body{
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
.color-button02 a{
	padding: 13px 26px;
}

/*ここからindex.htmlの移植*/
#header-box {background: #f93;}/*各記事ページのヘッダーの色*/
.top_header {
	position: relative;
	width: 100%;
	height: 31.25vw;
	max-width: 1200px;
	max-height: 375px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/header/bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.top_header img {position: absolute;}
.top_header h1 {position: absolute;width: 28vw; max-width: 778px;top: 12.00vw;left: 34.00vw;} /*indexヘッダーのロゴのサイズと位置*/
.top_header h1 a {display: block;}
.top_header h1 img {position: relative;width: 124%;}

.top_header .top1		{	width:  3.50vw;	height:  4.00vw;	max-width: 72px;	max-height: 72px;	top: 8.00vw;	left: 2.00vw; }
.top_header .top2		{	width:  3.00vw;	height:  3.00vw;	max-width: 76px;	max-height: 82px;	top: 5.00vw;	left: 18.00vw; }
.top_header .top3		{	width:  3.50vw;	height:  3.00vw;	max-width: 97px;	max-height: 79px;	top: 10.00vw;	left: 19.00vw; }
.top_header .top4		{	width:  3.50vw;	height:  3.50vw;	max-width: 95px;	max-height: 82px;	top: 8.00vw;	left: 24.00vw; }
.top_header .top5		{	width:  3.50vw;	height:  3.50vw;	max-width: 93px;	max-height: 86px;	top: 7.00vw;	left: 78.00vw; }
.top_header .top6		{	width:  3.00vw;	height:  4.50vw;	max-width: 95px;	max-height: 126px;	top: 4.00vw;	left: 88.00vw; }
.top_header .top7		{	width:  3.00vw;	height:  4.50vw;	max-width: 65px;	max-height: 73px;	top: 5.00vw;	left: 96.00vw; }
.top_header .top8		{	width:  4.00vw;	height:  3.50vw;	max-width: 110px;	max-height: 97px;	top: 12.00vw;	left: 92.00vw; }
.top_header .center1	{	width:  8.83vw;	height:  8.83vw;	max-width: 106px;	max-height: 106px;	top: 6.33vw;	left: 0.33vw; }
.top_header .center2	{	width: 8.00vw;	height:  9.00vw;	max-width: 221px;	max-height: 264px;	top: 14.00vw;	left: 3.50vw; }
.top_header .center3	{	width: 10.00vw;	height:  8.00vw;	max-width: 285px;	max-height: 208px;	top: 4.00vw;	left: 7.00vw; }
.top_header .center4	{	width: 12.00vw;	height: 11.00vw;	max-width: 313px;	max-height: 273px;	top: 15.00vw;	left: 20.00vw; }
.top_header .center5	{	width:  9.92vw;	height: 12.33vw;	max-width: 119px;	max-height: 148px;	top: 19.42vw;	left: 36.17vw; }
.top_header .center6	{	width: 12.00vw;	height:  4.00vw;	max-width: 374px;	max-height: 114px;	top: 7.40vw;	left: 44.00vw; }
.top_header .center7	{	width: 17.00vw;	height:  7.00vw;	max-width: 418px;	max-height: 183px;	top: 19.00vw;	left: 70.00vw; }
.top_header .center8	{	width: 10.50vw;	height: 11.00vw;	max-width: 126px;	max-height: 132px;	top: 15.83vw;	left: 62.58vw; }
.top_header .center9	{	width:  8.00vw;	height: 10.00vw;	max-width: 216px;	max-height: 295px;	top: 9.00vw;	left: 82.00vw; }
.top_header .center10	{	width:  8.00vw;	height:  8.00vw;	max-width: 224px;	max-height: 223px;	top: 18.50vw;	left: 90.00vw; }
.top_header .bottom1	{	width:  6.00vw;	height:  5.00vw;	max-width: 166px;	max-height: 131px;	top: 26.30vw;	left: 2.00vw; }
.top_header .bottom2	{	width:  4.50vw;	height:  3.50vw;	max-width: 126px;	max-height: 97px;	  top: 27.80vw;	left: 9.00vw; }
.top_header .bottom3	{	width:  5.00vw;	height:  3.50vw;	max-width: 129px;	max-height: 91px;	  top: 27.80vw;	left: 14.50vw; }
.top_header .bottom4	{	width:  6.00vw;	height:  5.00vw;	max-width: 152px;	max-height: 125px;	top: 26.25vw;	left: 21.00vw; }
.top_header .bottom5	{	width:  3.50vw;	height:  3.00vw;	max-width: 95px;	max-height: 68px;	top: 28.50vw;	left: 28.00vw; }
.top_header .bottom6	{	width:  6.00vw;	height:  5.00vw;	max-width: 159px;	max-height: 122px;	top: 26.25vw;	left: 32.50vw; }
.top_header .bottom7	{	width:  4.50vw;	height:  6.50vw;	max-width: 127px;	max-height: 156px;	top: 25.00vw;	left: 40.00vw; }
.top_header .bottom8	{	width:  7.50vw;	height:  6.50vw;	max-width: 187px;	max-height: 145px;	top: 25.00vw;	left: 46.00vw; }
.top_header .bottom9	{	width:  4.50vw;	height:  5.50vw;	max-width: 154px;	max-height: 149px;	top: 26.25vw;	left: 54.00vw; }
.top_header .bottom10	{	width:  5.00vw;	height:  3.00vw;	max-width: 128px;	max-height: 71px;	top: 28.30vw;	left: 59.50vw; }
.top_header .bottom11	{	width:  7.50vw;	height:  7.00vw;	max-width: 181px;	max-height: 175px;	top: 24.20vw;	left: 63.00vw; }
.top_header .bottom12	{	width:  8.50vw;	height:  5.00vw;	max-width: 187px;	max-height: 102px;	top: 26.50vw;	left: 70.00vw; }
.top_header .bottom13	{	width:  5.00vw;	height:  5.00vw;	max-width: 105px;	max-height: 99px;	top: 26.30vw;	left: 80.00vw; }
.top_header .bottom14	{	width:  5.00vw;	height:  4.50vw;	max-width: 115px;	max-height: 95px;	top: 27.00vw;	left: 86.00vw; }
.top_header .bottom15	{	width:  6.00vw;	height:  3.50vw;	max-width: 144px;	max-height: 85px;	top: 27.70vw;	left: 91.50vw; }

@media (min-width: 1200px) {
.top_header h1 { top: 142px; left: 410px; } /*PCでのヘッダーのロゴの位置*/
.top_header .top1		{ top: 95px;		left: 25px; }
.top_header .top2		{ top: 60px;		left: 220px; }
.top_header .top3		{ top: 120px;		left: 230px; }
.top_header .top4		{ top: 92px;		left: 285px; }
.top_header .top5		{ top: 88px;		left: 938px; }
.top_header .top6		{ top: 50px;		left: 1060px; }
.top_header .top7		{ top: 60px;		left: 1145px; }
.top_header .top8		{ top: 145px;		left: 1110px; }
.top_header .center1	{ top: 76px;	left: 4px; }
.top_header .center2	{ top: 165px;	left: 40px; }
.top_header .center3	{ top: 46px;	left: 82px; }
.top_header .center4	{ top: 175px;	left: 240px; }
.top_header .center5	{ top: 233px;	left: 434px; }
.top_header .center6	{ top: 88px;	left: 525px; }
.top_header .center7	{ top: 225px;	left: 840px; }
.top_header .center8	{ top: 00px;	left: 1150px; }
.top_header .center9	{ top: 110px;	left: 995px; }
.top_header .center10	{ top: 215px;	left: 1080px; }
.top_header .bottom1	{ top: 315px;	left: 22px; }
.top_header .bottom2	{ top: 330px;	left: 105px; }
.top_header .bottom3	{ top: 332px;	left: 170px; }
.top_header .bottom4	{ top: 314px;	left: 255px; }
.top_header .bottom5	{ top: 340px;	left: 340px; }
.top_header .bottom6	{ top: 315px;	left: 390px; }
.top_header .bottom7	{ top: 297px;	left: 480px; }
.top_header .bottom8	{ top: 295px;	left: 550px; }
.top_header .bottom9	{ top: 315px;	left: 650px; }
.top_header .bottom10	{ top: 340px;	left: 710px; }
.top_header .bottom11	{ top: 288px;	left: 760px; }
.top_header .bottom12	{ top: 315px;	left: 850px; }
.top_header .bottom13	{ top: 315px;	left: 965px; }
.top_header .bottom14	{ top: 322px;	left: 1030px; }
.top_header .bottom15	{ top: 330px;	left: 1100px; }
}
/*index.htmlの移植ここまで*/

/*ここからstyle.cssの移植*/
@charset "UTF-8";
/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
#headmenu .headsearch .search-text {
  font-size: 16px;
}

/*
 * TOPページ
 */
.toppost-list-box-simple {
  margin-bottom: 60px;
}

.img_zoom_circle {
  border-radius: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.img_zoom_circle img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.img_zoom_circle:hover img {/*円のホバー時の拡大率*/
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

@media all and (-ms-high-contrast: none) {
  .img_zoom_circle img {
    width: auto !important;
  }
}
/*ここから.homeを切ってみた*/
.home .todays_pickup_box > h2 {
  padding: 3px 0;}
.home .todays_pickup_box > p {
  padding-bottom: 2px;}
#sb_instagram .sbi_photo_wrap {
  padding-top: 16.5%;
  background: #fff url(../img/header/todays_best_insta.png) no-repeat center top;
  background-size: 100% auto;}
#main-contents .newposts h2.list_title {
  width: 100%;
  margin: 0 0 30px;
  text-align: center;
}
#main-contents .post-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main-contents .post-list-item {
  width: 50%;
  max-width: 100%;
}
@media (max-width: 640px) {
#main-contents .post-list-item {
    width: 360px;
    margin: 0 auto;}}
#main-contents .post-list-inner {
  z-index: 1;}
#main-contents a.post-list-link {
  padding: 0 50px 20px;
  border-radius: inherit;
  box-shadow: none;}
@media (max-width: 767px) {
#main-contents a.post-list-link {
    border: none;}}
#main-contents .post-list-meta {
  text-align: center;}
#main-contents .post-list-thumb img {
  width: 100%;}
#main-contents .post-list-item .post-list-cat {
  display: block;
  margin: 0.7rem 0 0.5rem;
  color: #6c0;
  background: none !important;}
/*ここまで.homeを切ってみた*/
  
/*
 * ページ内ボタンの色
 */
#main-contents .more p a {
  padding: 10px 16px;
  border-radius: 40px;
  font-weight: bold;
  color: #fff;
  background: #6c0; }
#main-contents .pickup_girls {
  margin-bottom: 60px;}
#main-contents .pickup_girls h2 {
  margin-bottom: 2rem;
  text-align: center;
  font-weight: bold;
  color: #a87a44;
  font-size: 1.125rem;}
#main-contents .girls_list {
  margin: 0 20px 0 -84px;
  padding-left: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;}
#main-contents .girls_list li {
  width: 100px;
  margin-left: 84px;
  text-align: center;}
#main-contents .girls_list li img {
  width: 100px;
  height: 100px;}

  @media (min-width: 768px) {
    #header #site-info {
      max-width: inherit;
      margin: 0 auto;}
      .home .fixed-content {
      width: 100%;
      height: 100%;
      margin-top: 110px;} 
      .home .menu-box {
      width: 800px;
      max-width: 100%;
      margin: 180px auto 0;
      padding: 40px;}
      .home .menu-box li {
      margin: 0 0 1em;}
      .home .menu-box a {
      position: relative;
      padding-left: 1em;}
      .home .menu-box a::before {
      content: "\f111";
      font-family: "Font Awesome\ 5 Free";
      font-weight: 900;
      position: absolute;
      line-height: 10%;
      top: 1em;
      left: 0;
      font-size: 0.5rem;}
      }

.cps-sp-menu-bar {
  padding: 9px 5px 9px 5px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.cps-sp-menu-bar ul {
  display: table;
  margin: 0 auto;
}

.cps-sp-menu-bar ul li {
  display: table-cell;
}

.cps-sp-menu-bar ul li a {
  display: block;
  margin: 0 3px;
  font-size: 1rem;
  letter-spacing: 0px;
  padding: 2px 8px 3px 8px;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
}

.cps-sp-menu-bar ul li a img {
  display: block;
  max-width: 100px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cps-sp-menu-bar ul li a:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.cps-sp-menu-bar ul span {
  padding-right: 3px;
}

.cps-sp-menu-bar ul .current-menu-item a {
  border-bottom: 1px solid #ccc;
}

/*
 * TOPページ以外
 */
 @media (max-width: 767px) {
  body:not(.home) .headsearch .search-box {
    margin: calc(4.0625vw - 10px) 0 0 calc(3.125vw - 10px);
  }
}

@media (min-width: 768px) {
  body:not(.home) .sp-menu-open {
    display: none;
  }
}

@media (max-width: 767px) {
  body:not(.home) .sp-menu-open {
    margin: calc(4.0625vw - 10px) calc(3.125vw - 10px) 0 0;
  }
}

body:not(.home) #navtoggle:checked + .base_wrap .cps-icon-bar:nth-child(1) {
  -webkit-transform: translate(0, 7px) rotate(45deg);
  transform: translate(0, 7px) rotate(45deg);
}

body:not(.home) #navtoggle:checked + .base_wrap .cps-icon-bar:nth-child(2) {
  opacity: 0;
}

body:not(.home) #navtoggle:checked + .base_wrap .cps-icon-bar:nth-child(3) {
  -webkit-transform: translate(0, -7px) rotate(-45deg);
  transform: translate(0, -7px) rotate(-45deg);
}

.balloon-box {
  min-height: 100px;
}

.balloon-icon {
  width: 80px;
  height: 80px;
}

.balloon-icon img {
  width: 80px;
  height: 80px;
  border-radius: 50px;
}

.big.balloon-box {
  min-height: 220px;
}

.big .balloon-icon {
  width: 200px;
  height: 200px;
}

.big .balloon-icon img {
  width: 200px;
  height: 200px;
  border-radius: 0;
}

.big.balloon-left .balloon-serif {
  margin: 0 0 40px 220px;
}

.big.balloon-right .balloon-serif {
  margin: 0 220px 40px 0;
}

@media (max-width: 767px) {
  .balloon-box {
    min-height: inherit;
    margin-bottom: 20px;
  }
  .balloon-left .balloon-serif {
    margin: 0 0 0 105px;
  }
  .balloon-right .balloon-serif {
    margin: 0 105px 0 0;
  }
  .balloon-box.big .balloon-serif {
    float: none;
    margin: 0;
  }
  .balloon-box.big .balloon-icon {
    width: 100%;
    position: relative;
    margin-top: 16px;
    text-align: center;
  }
  .balloon-box.balloon-bg-none.big .balloon-serif::before {
    bottom: -8px;
    top: inherit;
    left: calc(50% - 10px);
    border-width: inherit;
    border-left: 10px solid transparent;
    border-top: 10px solid #fc9;
    border-right: 10px solid transparent;
  }
  .balloon-box.balloon-bg-none.big .balloon-serif::after {
    bottom: -26px;
    top: inherit;
    left: calc(50% - 13px);
    border-width: inherit;
    border-left: 13px solid transparent;
    border-top: 13px solid #fc9;
    border-right: 13px solid transparent;
    border-bottom: 15px solid transparent;
  }
}

/*
 * 投稿者ページ
 */
.archive.author .archive-post-header .profile-card {
  margin: 0;
}

.archive.author .archive-post-header .profile-card .profile-thumbnail {
  width: 150px;
  height: 150px;
}

.archive.author .archive-post-header .profile-card .profile-thumbnail img {
  width: 150px;
  height: 150px;
}

.archive.author .archive-post-header .profile-meta {
  text-align: left;
}

.archive.author .blog_link {
  margin-top: 1em;
}

.archive.author .blog_link a {
  word-break: break-all;
}



/*ここから.profile-follow 外した*/


@media (min-width: 1px) {
  .profile-follow{
    flex-wrap: wrap;
    justify-content: center;
  }
  .profile-follow > span {
    margin-bottom: 10px;
  }
  .profile-follow a {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 54px;
    font-size: 27px;
  }
.twitter-sns a {
    margin: 0 7px;
    border: none;
    background: #1da1f2;
    font-size: 25px;
  }
.twitter-sns svg {
    color: #fff;
    margin: 0;
    padding-top: 7px;
  }
.facebook-sns a {
    border: none;
    background: #4267b2;
    font-size: 25px;
  }
.facebook-sns svg {
    margin-left: 5px;
    color: #fff;
  }
.instagram-sns a {
    border: none;
    background: #f7dd7e;
    background: -moz-linear-gradient(45deg, #f7dd7e 0%, #e1365d 50%, #4e4fa0 100%, #4e4fa0 100%);
    background: -webkit-linear-gradient(45deg, #f7dd7e 0%, #e1365d 50%, #4e4fa0 100%, #4e4fa0 100%);
    background: linear-gradient(45deg, #f7dd7e 0%, #e1365d 50%, #4e4fa0 100%, #4e4fa0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dd7e', endColorstr='#4e4fa0',GradientType=1 );
    font-size: 27px;
  }
.instagram-sns svg {
    margin-left: 0;
    padding-top: 6px;
    color: #fff;
  }
.youtube-sns a {
    font-size: 25px;
  }
.youtube-sns svg {
    color: #f00;
  }
.contact-sns a {
    font-size: 25px;
  }
.contact-sns svg {
    margin-left: 0;
    padding-top: 3px;
  }
.line-sns a {
    border: none;
    background: #00b900;
  }
.line-sns path {
    fill: #fff;
  }
}

/*ここまで.profile-follow 外した*/


@media (min-width: 768px) {
  #navtoggle {
    display: none;
    overflow: hidden;
  }
  .sp-menu-open,
  .sp-menu-close {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    top: 4px;
    right: 3px;
  }
  .sp-menu-close {
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #navtoggle:checked ~ .sp-menu-close {
    pointer-events: auto;
  }
  .sp-menu-open {
    width: 28px;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 8px;
    -webkit-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transform: translate3d(0, 0, 0);
  }
  .cps-icon-bar {
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    border-radius: 1px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .sp-menu-box {
    z-index: 2;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.55);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #navtoggle:checked + .sp-menu-open {
    position: fixed;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar {
    background: #fff;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(1) {
    -webkit-transform: translate(0, 7px) rotate(45deg);
    transform: translate(0, 7px) rotate(45deg);
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(2) {
    opacity: 0;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(3) {
    -webkit-transform: translate(0, -7px) rotate(-45deg);
    transform: translate(0, -7px) rotate(-45deg);
  }
  #navtoggle:checked ~ .sp-menu-box {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  #scroll-content {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: relative;
    z-index: 0;
  }
  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content,
  #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content {
    position: fixed;
    overflow: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  #navtoggle:checked ~ .sp-menu-box ~ .headsearch ~ #header-box {
    position: fixed;
    overflow: hidden;
  }
  #wrapper > .headsearch,
  #headmenu .headsns {
    display: none;
  }
  .sp-sns-menu {
    position: absolute;
    z-index: 0;
    bottom: 0px;
    display: block;
    text-align: center;
    padding: 30px;
    width: 100%;
    background: transparent !important;
  }
  .sp-sns-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    background: transparent !important;
  }
  .sp-sns-menu ul li {
    margin-bottom: 0;
    margin-left: 6px;
    margin-right: 6px;
    background: transparent !important;
  }
  .sp-sns-menu ul li a {
    display: block;
    font-size: 21px;
    width: 42px;
    height: 42px;
    padding: 3px 6px 8px 8px;
    border: 1px solid #2b2b2b;
    border-radius: 21px;
    color: #2b2b2b;
    background: transparent;
  }
  .sp-sns-menu ul .pro-line a {
    padding-top: 1px;
    padding-left: 6px;
  }
}

@media (max-width: 767px) {
  .sp-menu-open {
    z-index: 4;
  }
  .sp-menu-box {
    z-index: 3;
  }
  .header-box .cps-sp-menu-bar {
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
  #navtoggle:checked ~ #header-box .cps-sp-menu-bar {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    margin-bottom: 40px;
  }
  .search-box input[type="search"] {
    font-size: 16px;
  }
}

/* サイドバー */
@media (max-width: 767px) {
  .my-profile .myintro {
    margin-bottom: 20px;
  }
}

#sidebar .wpcf7 {
  width: 100%;
  padding: 10px 20px !important;
}

#sidebar .wpcf7 .wpcf7-form p {
  margin-top: 20px !important;
}

#sidebar .wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  margin-top: 10px;
}

#sidebar .wpcf7 .wpcf7-form .wpcf7-textarea {
  margin-bottom: 0 !important;
}

/* animate.css 3秒追加 */
.animated.delay-0_2s {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.animated.delay-0_4s {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}

.animated.delay-0_6s {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}

.animated.delay-0_8s {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}

.animated.delay-1_2s {
  -webkit-animation-delay: 4.2s;
  animation-delay: 4.2s;
}

.animated.delay-1_4s {
  -webkit-animation-delay: 4.4s;
  animation-delay: 4.4s;
}

.animated.delay-1_6s {
  -webkit-animation-delay: 4.6s;
  animation-delay: 4.6s;
}

.animated.delay-1_8s {
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
}

.animated.delay-2_2s {
  -webkit-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

.animated.delay-2_4s {
  -webkit-animation-delay: 5.4s;
  animation-delay: 5.4s;
}

.animated.delay-2_6s {
  -webkit-animation-delay: 5.6s;
  animation-delay: 5.6s;
}

.animated.delay-2_8s {
  -webkit-animation-delay: 5.8s;
  animation-delay: 2.8s;
}

.animated.delay-3_2s {
  -webkit-animation-delay: 6.2s;
  animation-delay: 6.2s;
}

.animated.delay-3_4s {
  -webkit-animation-delay: 6.4s;
  animation-delay: 6.4s;
}

.animated.delay-3_6s {
  -webkit-animation-delay: 6.6s;
  animation-delay: 6.6s;
}

.animated.delay-3_8s {
  -webkit-animation-delay: 6.8s;
  animation-delay: 6.8s;
}

.animated.delay-4_2s {
  -webkit-animation-delay: 7.2s;
  animation-delay: 7.2s;
}

.animated.delay-4_4s {
  -webkit-animation-delay: 7.4s;
  animation-delay: 7.4s;
}

.animated.delay-4_6s {
  -webkit-animation-delay: 7.6s;
  animation-delay: 7.6s;
}

.animated.delay-4_8s {
  -webkit-animation-delay: 7.8s;
  animation-delay: 7.8s;
}

/*style.cssの移植ここまで*/