@charset "UTF-8";
/*---base------------------------------------------------------------------*/
/*--- フォントサイズvw設定 -----------------------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.pc {
  display: block !important; }

@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

.sp {
  display: none !important; }

@media screen and (max-width: 767px) {
  .sp {
    display: block !important; } }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  backface-visibility: hidden; }

html,
body,
.container {
  overflow-x: hidden; }

.list_fade {
  opacity: 0;
  transition-delay: .4s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.list_fadein {
  opacity: 1.0; }

/* reset
========================================================================== */
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td,
figure,
figcaption,
li,
a {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  box-sizing: border-box;
  color: #000000; }

input,
textarea {
  margin: 0;
  font-size: 100%; }

label {
  cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }

fieldset,
img {
  border: 0; }

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

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:after,
q:before {
  content: ''; }

a,
input {
  outline: none; }

input,
textarea {
  border-radius: 0; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border: none;
  cursor: pointer; }

abbr,
acronym {
  border: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/*--- フォントサイズvw設定 -----------------------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.pc {
  display: block !important; }

@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

.sp {
  display: none !important; }

@media screen and (max-width: 767px) {
  .sp {
    display: block !important; } }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  backface-visibility: hidden; }

html,
body,
.container {
  overflow-x: hidden; }

.list_fade {
  opacity: 0;
  transition-delay: .4s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.list_fadein {
  opacity: 1.0; }

.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/* =========================================================
共通 スタイル
========================================================= */
html {
  width: 100vw !important;
  height: 100% !important;
  font-size: 62.5%;
  overflow-x: hidden;
  margin-top: 0 !important; }
  @media screen and (max-width: 767px) {
    html {
      width: 100%;
      overflow-x: hidden; } }

body {
  width: 100% !important;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.78;
  color: #000000;
  background: #fff;
  transform: none;
  -webkit-font-smoothing: subpixel-antialiased;
  opacity: 0;
  overflow-x: hidden; }
  @media screen and (max-width: 767px) {
    body {
      width: 100%;
      overflow-x: hidden; } }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  flex-shrink: 0;
  min-height: 0%; }
  img a:hover {
    opacity: 0.7; }


a {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }
  a:focus, a:hover {
    text-decoration: none; }

body,
input,
textarea,
select,
button {
  -webkit-font-smoothing: antialiased !important; }

/*--- PAGE MAINV ここから -----------------------------------------------------*/
.page_mainv {
  position: relative; }
  .page_mainv .page_mainv_txtbox {
    position: absolute;
    max-width: calc(986px + 8.88888888888%);
    width: 100%;
    padding: 0 4.44444444444%;
    margin: 18px auto 0;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
    @media screen and (max-width: 768px) {
      .page_mainv .page_mainv_txtbox {
        padding: 0 8.8% 0; } }
    .page_mainv .page_mainv_txtbox .page_mainv_title {
      font-size: 4.6rem;
      font-family: 'Josefin Sans', sans-serif;
      letter-spacing: 0.2rem;
      text-indent: -0.24rem; }
      @media screen and (max-width: 768px) {
        .page_mainv .page_mainv_txtbox .page_mainv_title {
          font-size: 2.3rem;
          text-indent: -0.10rem; } }
    .page_mainv .page_mainv_txtbox .page_mainv_title_sub {
      font-size: 1.2rem;
      letter-spacing: 0.3rem;
      text-indent: 0.1rem;
      margin: -3px auto 0;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        .page_mainv .page_mainv_txtbox .page_mainv_title_sub {
          font-size: 1rem;
          text-indent: 0.1rem; } }
    .page_mainv .page_mainv_txtbox .color_wtxt {
      color: #fff; }

/*--- PAGE MAINV ここまで -----------------------------------------------------*/
/*--- NAVIGATION ここから -----------------------------------------------------*/
@supports (-ms-ime-align: auto) {
  .js_fixed .header_inr {
    margin-left: 0; } }

.js_fixed _:-ms-lang(x)::-ms-backdrop,
.js_fixed .header_inr {
  margin-left: 0; }

.js_fixed .container {
  opacity: 0; }

/*ハンバーガーボタン*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 10;
  display: none; }

.header_inr {
  width: 100%;
  position: relative;
  display: block; }

@supports (-ms-ime-align: auto) {
  .header_inr {
    margin-left: 0; } }

_:-ms-lang(x)::-ms-backdrop,
.header_inr {
  margin-left: 9px; }

.header_inr_wrap {
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0 0;
  margin: 0 auto;
  display: block; }
  @media screen and (max-width: 768px) {
    .header_inr_wrap {
      padding: 0 0 0 8.8%;
      height: 51px;
      z-index: 10000;
      position: relative; } }

@media screen and (max-width: 768px) {
  .js_humburgerOpen .header_inr_wrap {
    background: rgba(255, 255, 255, 0.7); } }

.js-nav-image_inr {
  margin: 0 auto;
  height: 124px;
  position: relative; }

.el_humburger {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: auto;
  display: block;
  padding: 12px 11px 9px 11px;
  box-sizing: border-box;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
  background: #ff1900; }
  @media screen and (max-width: 768px) {
    .el_humburger {
      position: absolute;
      top: 0;
      right: 0;
      width: 48px;
      padding: 9px 9px 6px 9px; } }
  .el_humburger:hover {
    background: #ffc9c3;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .el_humburger:hover {
        background: #ff1900; } }

.humburger_txt {
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 1.2rem;
  -webkit-transform: scale(0.98);
  -webkit-transform-origin: 0 0;
  letter-spacing: 0.01rem;
  box-sizing: border-box;
  display: flex; }
  @media screen and (max-width: 768px) {
    .humburger_txt {
      font-size: 1.0rem; } }

.el_humburger > span {
  display: block;
  width: 100%;
  margin: 0 auto 6px;
  height: 2px;
  background: #fff;
  transition: all 0.2s ease-in-out; }
  .el_humburger > span:last-child {
    margin-bottom: 0; }
  .js_humburgerOpen .el_humburger > span {
    background: #fff; }

.js_humburgerOpen .el_humburger > span.top {
  transform: translateY(7px) rotate(-45deg);
  width: 24px; }

.js_humburgerOpen .el_humburger > span.middle {
  opacity: 0; }

.js_humburgerOpen .el_humburger > span.bottom {
  transform: translateY(-8px) rotate(45deg);
  width: 24px; }

.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }

.el_humburgerButton__close > span {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #fff; }

.el_humburgerButton__close > span.el_humburgerLineTop {
  transform: translateY(5px) rotate(-45deg); }

.el_humburgerButton__close > span.el_humburgerLineBottom {
  transform: translateY(-6px) rotate(45deg); }

/*ナビゲーション*/
.navigation {
  display: none; }
  .navigation.js_appear {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 9999; }

.navigation_screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 0;
  margin-top: 0px;
  padding-top: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.navigation_wrapper {
  max-width: calc(944px + 9.4%);
  width: 100%;
  padding: 164px 4.44444444444% 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .navigation_wrapper {
      align-items: flex-start;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      flex-flow: column;
      padding-left: 15%;
      padding-top: 0;
      position: absolute;
      top: 120px;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      min-height: 0%;
      box-sizing: border-box;
      height: 100vh;
      justify-content: flex-start; } }

@supports (-ms-ime-align: auto) {
  .navigation_wrapper {
    position: relative;
    left: 11px; } }

/* IE11 */
_:-ms-lang(x)::-ms-backdrop,
.navigation_wrapper {
  position: relative;
  left: 9px; }

.navigation_link {
  padding: 0 0 0; }
  @media screen and (min-width: 769px) {
    .navigation_link {
      height: 400px; } }
  @media screen and (max-width: 768px) {
    .navigation_link {
      margin: 0 0 0; } }

.navigation_link_sec {
  text-align: left;
  min-height: 0%;
  height: auto; }
  .navigation_link_sec a {
    font-size: 1.8rem;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    letter-spacing: 0.2rem;
    padding: 20px 0;
    position: relative;
    display: inline-block;
    text-decoration: none; }
    @media screen and (max-width: 768px) {
      .navigation_link_sec a {
        font-size: 1.6rem;
        padding: 30px 0 0; } }
    .navigation_link_sec a:after {
      position: absolute;
      bottom: 14px;
      left: 0;
      content: '';
      width: 100%;
      height: 1px;
      background: #ff1900;
      transform: scale(0, 1);
      transform-origin: left top;
      transition: transform .25s; }
      @media screen and (max-width: 768px) {
        .navigation_link_sec a:after {
          bottom: -5px; } }
    .navigation_link_sec a:hover {
      opacity: 1;
      color: #ff1900; }
      .navigation_link_sec a:hover:after {
        transform: scale(1, 1); }

.link_sec_photocon {
  width: 190px; }

.navigation_link_oth {
  margin: 20px 0 24px; }
  @media screen and (min-width: 769px) {
    .navigation_link_oth_sec {
      padding: 15px 0; } }
  .navigation_link_oth .navigation_link_oth_wrap .navigation_link_oth_sec {
    text-align: left;
    margin: 0 0 50px; }
    @media screen and (max-width: 768px) {
      .navigation_link_oth .navigation_link_oth_wrap .navigation_link_oth_sec {
        margin: 0 0 24px; } }
    .navigation_link_oth .navigation_link_oth_wrap .navigation_link_oth_sec a {
      font-size: 1.2rem; }
      .navigation_link_oth .navigation_link_oth_wrap .navigation_link_oth_sec a:hover {
        opacity: 0.5; }
  .navigation_link_oth .navigation_link_oth_wrap .navigation_link_icon {
    max-width: 29px;
    margin: 0 0 0; }

.navigation_img {
  width: 400px;
  height: 400px;
  display: block;
  position: relative;
  overflow: hidden;
  transition-property: all;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -ms-transition-duration: 0.25s; }
  @media screen and (max-width: 990px) {
    .navigation_img {
      width: 300px;
      height: 300px; } }
  @media screen and (max-width: 768px) {
    .navigation_img {
      width: 250px;
      height: 250px;
      min-height: 0%; } }
  @media screen and (max-width: 800px) {
    .navigation_img {
      width: 200px;
      height: 200px; } }
  .navigation_img .navigation_img_sec {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    opacity: 0;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transform: scale(2); }
  .navigation_img .navigation_img_onlineshop {
    background-image: url("../wp-hokka/images/base/nev_onlineshop.jpg"); }
  .navigation_img .navigation_img_news {
    background-image: url("../wp-hokka/images/base/nev_news.jpg"); }
  .navigation_img .navigation_img_event {
    background-image: url("../wp-hokka/images/base/nev_event.jpg"); }
  .navigation_img .navigation_img_history {
    background-image: url("../wp-hokka/images/base/nev_history.jpg"); }
  .navigation_img .navigation_img_shopinfo {
    background-image: url("../wp-hokka/images/base/nev_shopinfo.jpg"); }
  .navigation_img .navigation_img_make {
    background-image: url("../wp-hokka/images/base/nev_make.jpg"); }
  .navigation_img .navigation_img_photocon {
    background-image: url("../wp-hokka/images/base/nev_photocon.jpg"); }
  .navigation_img .navigation_img_company {
    background-image: url("../wp-hokka/images/base/nev_company.jpg"); }
  .navigation_img .navigation_img_store {
    background-image: url("../wp-hokka/images/base/nev_store.jpg"); }
  .navigation_img .navigation_img_recruit {
    background-image: url("../wp-hokka/images/base/nev_recruit.jpg"); }
  .navigation_img .navigation_img_contact {
    background-image: url("../wp-hokka/images/base/nev_contact.jpg"); }
  .navigation_img .navigation_img_beaver {
    background-image: url("../wp-hokka/images/base/nev_beaver.jpg"); }

  .navigation_img .nav_active {
    opacity: 1;
    z-index: 2;
    transform: scale(1); }

.js_fixed {
  position: fixed;
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 768px) {
    .js_fixed {
      top: inherit !important; } }
  .js_fixed .humburger_txt {
    text-indent: -1.4px; }

.header_logo {
  max-width: 95px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 10px;
  left: 36px;
  z-index: 99999; }
  @media screen and (max-width: 768px) {
    .header_logo {
      max-width: 78px;
      top: 22px;
      left: 0; } }
  .header_logo .header_logo_img {
    position: relative;
    width: 120px;
    height: 38px; }
    .header_logo .header_logo_img img {
      width: 120px;
      height: 38px;
      position: absolute;
      top: 0;
      left: 0;
      transition-property: all;
      -moz-transition-property: all;
      -webkit-transition-property: all;
      -o-transition-property: all;
      -ms-transition-property: all;
      transition-duration: 0.25s;
      -moz-transition-duration: 0.25s;
      -webkit-transition-duration: 0.25s;
      -o-transition-duration: 0.25s;
      -ms-transition-duration: 0.25s; }
      @media screen and (max-width: 768px) {
        .header_logo .header_logo_img img {
          max-width: 78px;
          height: 24px; } }
    .header_logo .header_logo_img .logo_opac {
      z-index: 1; }
  .header_logo:hover .logo_opac {
    opacity: 0.4; }

#global {
  height: 59px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity .3s ease 0s;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 6; }
  #global .global_inr {
    display: flex;
    width: calc(100% - 216px);
    height: 100%;
    margin: 0 60px 0 auto;
    justify-content: flex-end;
    align-items: center; }
    #global .global_inr a {
      font-size: 16px;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: bold;
      letter-spacing: 0.2rem;
      line-height: 1.5em;
      padding: 0 20px;
      display: flex;
      height: 100%;
      align-items: center; }
      @media screen and (max-width: 1025px) {
        #global .global_inr a {
          padding: 0 10px;
          font-size: 12px; } }
      @media screen and (max-width: 768px) {
        #global .global_inr a {
          padding: 0 5px; } }
      #global .global_inr a:hover {
        background: #ff1900;
        color: white; }
  #global.fixed {
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    z-index: 9; }
  @media screen and (max-width: 768px) {
    #global {
      display: none; } }

.header_shop {
  background: #ff1900;
  position: absolute;
  top: 64px;
  right: 0;
  width: 60px;
  height: auto;
  text-align: center;
  padding: 12px 11px 9px 11px;
  display: block; }
  @media screen and (max-width: 768px) {
    .header_shop {
      top: 56px;
      right: 0;
      width: 48px;
      height: auto;
      text-align: center;
      padding: 9px 9px 6px 9px;
      display: block; } }
  .header_shop:hover {
    background: #ffc9c3;
    cursor: pointer; }
  .header_shop .header_shop_txt {
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    line-height: 1.4;
    display: inline-block;
    text-align: center;
    font-size: 1.1rem;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    margin: 0 auto 0;
    text-align: center;
    text-indent: -2px; }
    @media screen and (max-width: 768px) {
      .header_shop .header_shop_txt {
        font-size: 1.0rem;
        text-indent: 0;
        margin: 0 0 0 -3.4px; } }

/*--- NAVIGATION ここまで -----------------------------------------------------*/
/*--- google map レスポンシブ-----------------------------------------------------*/
.google_map {
  position: relative;
  width: 100%;
  /* 左右に余白が必要なら値を変更してもOK */
  height: 0;
  padding-bottom: 100%;
  /* padding-topでもOK */
  overflow: hidden; }

.google_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* 必要であれば!importantを付けてください */
  height: 100%;
  /* 必要であれば!importantを付けてください */ }

/*--- google map レスポンシブ-----------------------------------------------------*/
/* =========================================================
共通 スタイル SEC PARTS
========================================================= */
/*--- 背景 グレー -----------------------------------------------------*/
.bg_wrap {
  width: 100%;
  background: #faf9f9; }

/*--- SEC -----------------------------------------------------*/
.sec_content {
  max-width: calc(986px + 8.88888888888%);
  width: 100%;
  padding: 0 4.44444444444%;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .sec_content {
      padding: 0 8.8%; } }

.sec_content_page {
  max-width: calc(920px + 8.88888888888%);
  width: 100%;
  padding: 0 4.44444444444%;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .sec_content_page {
      padding: 0 8.8%; } }

/*--- SEC -----------------------------------------------------*/
/*--- SEC GREY  -----------------------------------------------------*/
.sec_bg_color {
  background: #faf9f9; }

/*--- SEC GREY -----------------------------------------------------*/
/*--- LINK BTN  -----------------------------------------------------*/
.link_btn_wrap {
  padding: 0 4.44444444444%; }
  @media screen and (max-width: 768px) {
    .link_btn_wrap {
      padding: 0 8.8%; } }

.link_btn {
  max-width: 986px;
  width: 100%;
  padding: 20px 4.44444444444% 18px;
  margin: 70px auto 0;
  display: block;
  text-align: center;
  border: 1px solid #000000;
  font-size: 1.4rem;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.2rem;
  line-height: 1;
  transition-property: all;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -ms-transition-duration: 0.25s; }
  @media screen and (max-width: 768px) {
    .link_btn {
      margin: 0px auto 0;
      font-size: 1.2rem;
      padding: 18px 8.8% 17px; } }
  .link_btn:hover {
    color: #fff;
    background: #000000; }

/*--- LINK BTN  -----------------------------------------------------*/
/*--- SEPARATE -----------------------------------------------------*/
.sprt_content {
  max-width: calc(986px + 8.88888888888%);
  width: 100%;
  padding: 0 4.44444444444%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .sprt_content {
      flex-direction: column;
      padding: 0 8.8%; } }
  .sprt_content .sprt_content01 {
    max-width: 200px;
    min-height: 0%; }
  .sprt_content .sprt_content02 {
    max-width: 670px;
    min-height: 0%; }
    @media screen and (max-width: 768px) {
      .sprt_content .sprt_content02 {
        margin: 30px auto 0; } }

/*--- SEPARATE -----------------------------------------------------*/
/*--- 見出し -----------------------------------------------------*/
.heading_title {
  font-size: 1.8rem;
  letter-spacing: -0.01rem;
  padding: 0 0 2px;
  border-bottom: 1px solid #000000;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  display: inline-block; }
  @media screen and (max-width: 768px) {
    .heading_title {
      font-size: 1.3rem;
      letter-spacing: 0.1rem; } }

.heading_title_sub {
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: normal;
  display: block; }
  @media screen and (max-width: 768px) {
    .heading_title_sub {
      font-size: 1.3rem;
      font-weight: bold; } }

.catch_title {
  font-size: 1.8rem;
  letter-spacing: 0.18rem;
  font-style: italic;
  line-height: 2.11111; }
  @media screen and (max-width: 768px) {
    .catch_title {
      font-size: 1.4rem;
      font-weight: bold; } }

.catch_txt {
  font-size: 1.2rem;
  letter-spacing: 0.06rem;
  line-height: 2.66667; }
  @media screen and (max-width: 768px) {
    .catch_txt {
      font-size: 1.0rem; } }

/*--- 見出し -----------------------------------------------------*/
/*--- 見出し red ring 画像 ここから -----------------------------------------------------*/
.head_ring {
  width: 227px;
  height: 227px;
  text-align: center;
  background-image: url("/whokka/wp-content/themes/wp-hokka/images/base/head_ring.png");
  background-repeat: no-repeat;
  background-size: 227px auto;
  margin: 0 auto;
  position: relative; }
  .head_ring .head_ring_txtbox {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
    .head_ring .head_ring_txtbox .head_ring_title_en {
      font-size: 2.6rem;
      color: #ff1900;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: bold;
      display: block;
      letter-spacing: 0.2rem; }
    .head_ring .head_ring_txtbox .head_ring_title {
      font-size: 1.2rem;
      display: block;
      margin: 8px 0 0;
      letter-spacing: 0.15rem;
      line-height: 1.66667; }

.head_ring_sm {
  width: 167px;
  height: 167px;
  text-align: center;
  background-image: url("/whokka/wp-content/themes/wp-hokka/images/base/head_ring.png");
  background-repeat: no-repeat;
  background-size: 167px auto;
  margin: 0 0 0 -10px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .head_ring_sm {
      width: 110px;
      height: 110px;
      background-size: 110px auto;
      margin: 0 0 0 3.73333333333%; } }
  .head_ring_sm .head_ring_sm_txtbox {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
    .head_ring_sm .head_ring_sm_txtbox .head_ring_sm_title_en {
      white-space: nowrap;
      font-size: 2.0rem;
      color: #ff1900;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: bold;
      display: block;
      letter-spacing: 0.21rem; }
      @media screen and (max-width: 768px) {
        .head_ring_sm .head_ring_sm_txtbox .head_ring_sm_title_en {
          font-size: 1.3rem; } }

.head_ring_char {
  width: 200px;
  height: 200px;
  text-align: center;
  background-image: url("/whokka/wp-content/themes/wp-hokka/images/base/head_ring.png");
  background-repeat: no-repeat;
  background-size: 200px auto;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1;
  display: block; }
  @media screen and (max-width: 768px) {
    .head_ring_char {
      width: 110px;
      height: 110px;
      background-size: 110px auto;
      margin: 0 auto 0; } }
  .head_ring_char .head_ring_char_txtbox {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
    .head_ring_char .head_ring_char_txtbox .head_ring_char_title_en {
      white-space: nowrap;
      font-size: 2.2rem;
      color: #ff1900;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: bold;
      display: block;
      letter-spacing: 0rem; }
      @media screen and (max-width: 768px) {
        .head_ring_char .head_ring_char_txtbox .head_ring_char_title_en {
          font-size: 1.2rem; } }
    .head_ring_char .head_ring_char_txtbox .head_ring_char_title {
      font-size: 1.2rem;
      font-weight: bold;
      display: block;
      margin: 7px 0 0;
      letter-spacing: 0.15rem;
      line-height: 1.66667; }
      @media screen and (max-width: 768px) {
        .head_ring_char .head_ring_char_txtbox .head_ring_char_title {
          font-size: 1.0rem; } }

.head_ring_typa {
  background-image: url("/whokka/wp-content/themes/wp-hokka/images/base/head_ring_typa.png"); }

.head_ring_typb {
  background-image: url("/whokka/wp-content/themes/wp-hokka/images/base/head_ring_typb.png"); }

/*--- 見出し red ring 画像 ここまで -----------------------------------------------------*/
/*--- CHARACTER・２つ並び ここから -----------------------------------------------------*/
.two_item_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .two_item_wrap {
      flex-direction: column; } }
  .two_item_wrap .two_item_sec {
    max-width: 47.26166%;
    width: 100%;
    min-height: 0%; }
    @media screen and (max-width: 768px) {
      .two_item_wrap .two_item_sec {
        max-width: 100%; } }
    .two_item_wrap .two_item_sec a:hover {
      opacity: 0.5; }

.comming_sec a:hover {
  opacity: 1 !important; }

/*--- CHARACTER・２つ並び ここまで -----------------------------------------------------*/
/*--- CHARACTER・3つ並び ここから -----------------------------------------------------*/
.thr_item_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .thr_item_wrap .thr_item_sec {
    max-width: 28.26087%;
    width: 100%;
    min-height: 0%; }
    .thr_item_wrap .thr_item_sec a:hover {
      opacity: 0.5; }

/*--- CHARACTER・3つ並び ここまで -----------------------------------------------------*/
/*--- ページトップ ボタン -----------------------------------------------------*/
/*--- ページトップ ボタン -----------------------------------------------------*/
/*--- ページタイトル 共通 -----------------------------------------------------*/
/*--- ページタイトル -----------------------------------------------------*/
/*--- NEWS・EVENT ページ -----------------------------------------------------*/
/*--- NEWS・EVENT ページ -----------------------------------------------------*/
/*--- コンタクトフォーム7 -----------------------------------------------------*/
.wpcf7 span.wpcf7-not-valid-tip {
  display: none; }

.wpcf7 .wpcf7-not-valid {
  background: pink; }

/*--- コンタクトフォーム7 -----------------------------------------------------*/
/*--- 404 -----------------------------------------------------*/
.article_404 {
  text-align: center;
  padding: 180px 0 10vw; }

.title_404 {
  font-size: 3rem; }

/*--- 404 -----------------------------------------------------*/
/*--- カテゴリー ・ キャラクター ページ ここから -----------------------------------------------------*/
.page_link_wrap {
  width: 100%;
  text-align: center;
  margin: 0 auto 0;
  padding: 114px 0 10px; }
  @media screen and (max-width: 768px) {
    .page_link_wrap {
      padding: 114px 0 0; } }
  .page_link_wrap .page_link_sec {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0 24px; }
    @media screen and (max-width: 768px) {
      .page_link_wrap .page_link_sec {
        font-size: 1.2rem;
        padding: 0 10px;
        line-height: 2.4; } }
    .page_link_wrap .page_link_sec .page_link_txt:hover {
      opacity: 0.5; }

.page_link_cat_wrap .page_link_sec {
  padding: 0 6px; }

.page_link_cat_wrap .page_link_sec_line.pc {
  display: inline-block !important; }
  @media screen and (max-width: 768px) {
    .page_link_cat_wrap .page_link_sec_line.pc {
      display: none !important; } }

/*--- カテゴリー ・ キャラクター ページ ここまで -----------------------------------------------------*/
/*--- 新着順・価格安い順 並び替えボタン ここから -----------------------------------------------------*/
#sort_btn_wrap {
  width: 100%;
  text-align: center;
  margin: 0 0 0 -24px;
  padding: 114px 0 0; }
  @media screen and (max-width: 768px) {
    #sort_btn_wrap {
      margin: 0 0 0 -20px; } }
  #sort_btn_wrap .sort_btn {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0 24px; }
    @media screen and (max-width: 768px) {
      #sort_btn_wrap .sort_btn {
        font-size: 1.2rem;
        padding: 0 12px; } }
    #sort_btn_wrap .sort_btn a {
      color: #000000; }
      #sort_btn_wrap .sort_btn a:hover {
        opacity: 0.5; }

/*--- 新着順・価格安い順 並び替えボタン ここまで -----------------------------------------------------*/
/*--- single.php -----------------------------------------------------*/
.single_content {
  padding: 177px 0 0;
  /*下矢印↓*/
  /*上矢印↑*/ }
  .single_content .item_tag_list .class_character,
  .single_content .item_tag_list .class_pickup,
  .single_content .item_tag_list .class_1000,
  .single_content .item_tag_list .class_1001_2000,
  .single_content .item_tag_list .class_2001 {
    display: none; }
  .single_content .item_box {
    max-width: calc(986px + 8.88888888888%);
    width: 100%;
    padding: 0 4.44444444444%;
    margin: 0 auto;
    display: flex; }
    @media screen and (max-width: 768px) {
      .single_content .item_box {
        display: block;
        padding: 0 8.8%; } }
  .single_content .item_img {
    width: 100%;
    max-width: 482px;
    display: block;
    overflow: hidden; }
    .single_content .item_img #photo {
      overflow: hidden;
      width: 100%;
      display: flex; }
  .single_content .thumb {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    display: inline-block;
    overflow: hidden;
    margin: 2% 0 0; }
    .single_content .thumb .choice {
      width: 32%;
      display: block;
      overflow: hidden;
      float: left;
      margin: 2% 0 0 2%; }
      .single_content .thumb .choice:nth-child(3n-2) {
        margin: 2% 0 0 0; }
  .single_content .item_txtbox {
    width: 100%;
    max-width: 482px;
    padding: 0 36px 0 72px; }
    @media screen and (max-width: 768px) {
      .single_content .item_txtbox {
        margin: 50px 0 0 0;
        padding: 0 0 0 0; } }
    .single_content .item_txtbox table,
    .single_content .item_txtbox tr,
    .single_content .item_txtbox th,
    .single_content .item_txtbox td,
    .single_content .item_txtbox input {
      width: auto !important;
      height: auto !important;
      letter-spacing: 0.2rem;
      vertical-align: baseline;
      font-size: 1.3rem;
      word-break: break-all; }
    .single_content .item_txtbox table {
      width: 100% !important; }
    .single_content .item_txtbox p {
      line-height: 2; }
  .single_content .item_tag_list li {
    display: inline-block; }
    .single_content .item_tag_list li:before {
      content: "｜";
      display: inline-block; }
    .single_content .item_tag_list li a {
      color: #000000; }
  .single_content .item_title {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.25rem;
    line-height: 1.6;
    margin: -1rem 0 0; }
    @media screen and (max-width: 768px) {
      .single_content .item_title {
        font-size: 1.8rem; } }
  .single_content .item_tag_list {
    display: inline-block;
    letter-spacing: 0.15rem;
    font-size: 1.3rem;
    margin: 8px 0 0;
    line-height: 1.4; }
    @media screen and (max-width: 768px) {
      .single_content .item_tag_list {
        margin: 18px 0 0;
        line-height: 1.8; } }
  .single_content .item_intro {
    font-size: 1.3rem;
    margin: 45px 0 0; }
  .single_content .item_variation {
    font-size: 1.3rem;
    margin: 24px 0 0; }
    .single_content .item_variation table {
      width: 100% !important; }
      .single_content .item_variation table tbody {
        width: 100% !important; }
        .single_content .item_variation table tbody tr {
          display: block;
          padding: 24px 0;
          border-top: 1px solid #d2d2d2; }
          .single_content .item_variation table tbody tr:first-child {
            border-top: 0 solid #d2d2d2; }
          .single_content .item_variation table tbody tr td:first-child {
            min-width: 76px; }
            @media screen and (max-width: 768px) {
              .single_content .item_variation table tbody tr td:first-child {
                min-width: 70px; } }
          .single_content .item_variation table tbody tr td:nth-child(2) {
            min-width: 130px; }
            @media screen and (max-width: 768px) {
              .single_content .item_variation table tbody tr td:nth-child(2) {
                min-width: 130px; } }
  .single_content .item_cart {
    margin: 24px auto 0;
    width: 100%; }
    .single_content .item_cart .cartjs_box {
      position: relative;
      padding: 0 !important; }
    .single_content .item_cart .cartjs_product_table table {
      width: 100% !important; }
      .single_content .item_cart .cartjs_product_table table tbody {
        display: flex;
        flex-direction: column; }
        .single_content .item_cart .cartjs_product_table table tbody .cartjs_product_num {
          order: 2; }
          .single_content .item_cart .cartjs_product_table table tbody .cartjs_product_num th {
            display: none; }
          .single_content .item_cart .cartjs_product_table table tbody .cartjs_product_num td {
            padding: 37px 24px 37px 0 !important;
            position: relative; }
            .single_content .item_cart .cartjs_product_table table tbody .cartjs_product_num td:after {
              content: "個";
              display: block;
              position: absolute;
              right: 0;
              top: 50%;
              font-size: 1.6rem;
              transform: translateY(-50%) translateX(0%);
              -webkit-transform: translateY(-50%) translateX(0%); }
            .single_content .item_cart .cartjs_product_table table tbody .cartjs_product_num td input {
              max-width: 74px !important;
              padding: 12px 6px !important;
              border: 1px solid #000000;
              text-align: center;
              font-size: 1.6rem; }
        .single_content .item_cart .cartjs_product_table table tbody .cartjs_option {
          display: block !important;
          width: 100% !important;
          order: 1;
          position: relative; }
          .single_content .item_cart .cartjs_product_table table tbody .cartjs_option th {
            display: none; }
          .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td {
            display: block !important;
            width: 100% !important;
            text-align: center !important; }
            @media screen and (max-width: 768px) {
              .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td {
                text-align: center !important; } }
            .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td:after {
              content: " ";
              position: absolute;
              border-top: 7px solid #000000;
              border-right: 6.5px solid transparent;
              border-left: 6.5px solid transparent;
              top: 50%;
              display: block;
              z-index: 1;
              transition-property: all;
              -moz-transition-property: all;
              -webkit-transition-property: all;
              -o-transition-property: all;
              -ms-transition-property: all;
              transition-duration: 0.25s;
              -moz-transition-duration: 0.25s;
              -webkit-transition-duration: 0.25s;
              -o-transition-duration: 0.25s;
              -ms-transition-duration: 0.25s;
              transform: translateY(-50%) translateX(0%);
              -webkit-transform: translateY(-50%) translateX(0%);
              transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              right: 22px;
              margin: -8.5px 0 0; }
            .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td select {
              position: relative;
              font-size: 1.6rem;
              width: 100%;
              padding: 14px 22px !important;
              height: 60px !important;
              border: 1px solid #000000 !important;
              display: inline-block;
              outline: none;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              -webkit-tap-highlight-color: transparent;
              -webkit-appearance: none; }
              .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td select:active {
                outline: none; }
              @media screen and (max-width: 768px) {
                .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td select {
                  text-align: center !important; } }
              .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td select option {
                width: 100%;
                outline: none;
                padding: 14px 22px !important;
                -webkit-appearance: none;
                display: inline-block; }
                @media screen and (max-width: 768px) {
                  .single_content .item_cart .cartjs_product_table table tbody .cartjs_option td select option {
                    text-align: center !important; } }
    .single_content .item_cart .cartjs_cart_in {
      width: 62.036% !important;
      margin: 0 !important;
      position: absolute;
      right: 0;
      bottom: 26px; }
      .single_content .item_cart .cartjs_cart_in input {
        width: 100% !important;
        padding: 20px 0 !important;
        margin-bottom: 0 !important;
        border-radius: 14px !important;
        background: #ff1900 !important;
        transition: all 0.3s ease-in-out; }
        .single_content .item_cart .cartjs_cart_in input:hover {
          opacity: 0.5; }
  .single_content .item_soldbtncart_cart {
    width: 100%;
    font-size: 1.6rem;
    padding: 7px 22px 2px !important;
    line-height: 60px !important;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 0.1rem;
    text-align: center;
    vertical-align: center;
    background: #e3e3e3;
    margin: 0 0 30px;
    border-radius: 14px; }
  .single_content .item_details {
    width: 100%;
    border-top: 1px solid #000000;
    margin: 28px 0 0; }
    .single_content .item_details img {
      max-width: 59px;
      margin: 0 0 20px; }
    .single_content .item_details table tbody tr {
      display: block;
      padding: 20px 0;
      border-top: 1px solid #d2d2d2; }
      .single_content .item_details table tbody tr:first-child {
        border-top: 0 solid #d2d2d2; }
      .single_content .item_details table tbody tr td {
        line-height: 2; }
        .single_content .item_details table tbody tr td:first-child {
          padding: 0 18px 0 0 !important;
          min-width: 100px !important; }
          .single_content .item_details table tbody tr td:first-child p {
            line-height: 1.4; }
  .single_content .toggle_btn_wrap {
    display: block;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000; }
  .single_content .toggle_btn {
    position: relative;
    font-size: 1.3rem;
    color: #000000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 20px 0; }
  .single_content .toggle_btn:after {
    content: "";
    position: absolute;
    border-top: 7px solid #000000;
    border-right: 6.5px solid transparent;
    border-left: 6.5px solid transparent;
    top: 50%;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transform: translateY(-50%) translateX(0%);
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    right: 0;
    margin: -4px 0 0; }
  .single_content .toggle_btn.ac:after {
    content: "";
    position: absolute;
    border-top: 7px solid #000000;
    border-right: 6.5px solid transparent;
    border-left: 6.5px solid transparent;
    top: 50%;
    transform: translateY(-50%) translateX(0%);
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    right: 0;
    transform: rotateZ(180deg); }
  .single_content .toggle_cont {
    display: none; }
    .single_content .toggle_cont tr {
      width: 100% !important;
      height: auto !important;
      padding: 20px 0;
      display: block;
      border-top: 1px solid #d2d2d2; }
      .single_content .toggle_cont tr:first-child {
        border-top: 0 solid #d2d2d2; }
      .single_content .toggle_cont tr td:first-child {
        min-width: 130px !important; }
  .single_content .item_box_detail {
    margin: 136px auto 0;
    padding: 0 4.44444444444%;
    background: #faf9f9; }
    @media screen and (max-width: 768px) {
      .single_content .item_box_detail {
        padding: 0 8.8%; } }
    .single_content .item_box_detail .item_box_detail_list {
      max-width: 914px;
      width: 100%;
      margin: 0 auto;
      padding: 80px 0;
      overflow: hidden; }
      .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec {
        max-width: 30.19694%;
        width: 100%;
        float: left;
        margin: 108px 0 0 4.7046%;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec {
            max-width: 100%;
            display: block;
            margin: 62px 0 0 0;
            float: none; } }
        @media screen and (max-width: 768px) {
          .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec img {
            width: 50%;
            flex-shrink: 0;
            float: left; } }
        .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child {
          max-width: 100%;
          width: 100%;
          display: flex;
          align-items: center;
          float: none;
          margin: 0; }
          @media screen and (max-width: 768px) {
            .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child {
              flex-direction: column; } }
          .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child img {
            width: 49.23414%;
            display: flex;
            margin: 0 6.12691% 0 0; }
            @media screen and (max-width: 768px) {
              .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child img {
                width: 100%;
                height: auto;
                display: block;
                margin: 0 auto 0;
                flex-shrink: 0; } }
          .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child .item_box_txt {
            width: 44.63895%; }
            @media screen and (max-width: 768px) {
              .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child .item_box_txt {
                width: 100%; } }
            .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child .item_box_txt .item_box_txt_title {
              font-size: 2.4rem;
              line-height: 2;
              font-weight: bold;
              letter-spacing: 0.2rem; }
              @media screen and (max-width: 768px) {
                .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child .item_box_txt .item_box_txt_title {
                  font-size: 1.6rem;
                  margin: 35px auto 0; } }
            .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child .item_box_txt .item_box_txt_sub {
              font-size: 1.4rem;
              line-height: 2.28571;
              margin: 34px 0 0;
              letter-spacing: 0.1rem; }
              @media screen and (max-width: 768px) {
                .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:first-child .item_box_txt .item_box_txt_sub {
                  font-size: 1.2rem;
                  margin: 25px auto 0; } }
        .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:nth-child(3n-1) {
          margin: 108px 0 0 0; }
          @media screen and (max-width: 768px) {
            .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec:nth-child(3n-1) {
              margin: 72px 0 0 0; } }
        .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec .item_box_detail_sec_txt {
          font-size: 1.4rem;
          line-height: 2.14286;
          margin: 10px 0 0; }
          @media screen and (max-width: 768px) {
            .single_content .item_box_detail .item_box_detail_list .item_box_detail_sec .item_box_detail_sec_txt {
              font-size: 1.2rem;
              width: 45%;
              float: right;
              margin: -7px 0 0; } }
  .single_content .item_box_bottom_wrap {
    padding: 0 4.44444444444%; }
    @media screen and (max-width: 768px) {
      .single_content .item_box_bottom_wrap {
        padding: 0 8.8%; } }
  .single_content .item_box_bottom {
    max-width: calc(986px);
    margin: 115px auto 0;
    padding: 60px 0 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    box-sizing: border-box; }
  .single_content .pickup_content_wrap {
    margin: 186px auto 0; }
    @media screen and (max-width: 768px) {
      .single_content .pickup_content_wrap {
        margin: 96px auto 0; } }

/*--- single.php -----------------------------------------------------*/
/*--- ITEM LISTコンテンツ ここから -----------------------------------------------------*/
.itemlist_content_wrap .itemlist_content {
  max-width: calc(986px + 8.88888888888%);
  width: 100%;
  padding: 0 4.44444444444%;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .itemlist_content_wrap .itemlist_content {
      padding: 0 8.8%;
      justify-content: space-between; } }
  .itemlist_content_wrap .itemlist_content .itemlist_content_hesd {
    width: 201px; }
  .itemlist_content_wrap .itemlist_content .itemlist_content_sec {
    width: 21.09533%;
    display: block;
    text-align: center;
    margin: 124px 0 0 5.20385%; }
    @media screen and (max-width: 768px) {
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec {
        width: 44.51613%;
        margin: 70px 0 0 0; } }
    .itemlist_content_wrap .itemlist_content .itemlist_content_sec a {
      color: #000000;
      width: 100%;
      height: 100%;
      position: relative;
      display: block;
      text-decoration: none; }
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec a:after {
        position: absolute;
        bottom: -4px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #333;
        transform: scale(1, 1);
        transform-origin: center top;
        transition: transform .25s; }
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec a:hover {
        opacity: 1; }
        .itemlist_content_wrap .itemlist_content .itemlist_content_sec a:hover:after {
          transform: scale(0, 1); }
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec a .itemlist_sec_title {
        display: flex;
        margin: 12px 0 0;
        line-height: 1.6;
        justify-content: center; }
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec a .itemlist_sec_txt {
        margin: 12px 0 0; }
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec a .detail_btn {
        display: inline-block;
        margin: 12px 0 6px;
        letter-spacing: 0.1rem;
        font-family: 'Josefin Sans', sans-serif; }
      .itemlist_content_wrap .itemlist_content .itemlist_content_sec a img {
        width: 100%; }
    .itemlist_content_wrap .itemlist_content .itemlist_content_sec:nth-child(4n-3) {
      margin: 124px 0 0 0; }
      @media screen and (max-width: 768px) {
        .itemlist_content_wrap .itemlist_content .itemlist_content_sec:nth-child(4n-3) {
          margin: 70px 0 0 0; } }

/*--- ITEM LISTコンテンツ ここまで -----------------------------------------------------*/
/*--- CHARACTER ITEM LISTコンテンツ ここまで -----------------------------------------------------*/
.char_content {
  padding: 90px 4.44444444444%; }
  @media screen and (max-width: 768px) {
    .char_content {
      padding: 80px 0; } }
  .char_content .sprt_content01 {
    max-width: 20.28398%;
    width: 100%;
    margin: 0 0 0; }
    @media screen and (max-width: 768px) {
      .char_content .sprt_content01 {
        max-width: 100%;
        padding: 0 8.8%; } }
  .char_content .sprt_content02 {
    max-width: 73.52941%;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .char_content .sprt_content02 {
        max-width: 100%;
        padding: 0 8.8%;
        margin: 0 auto; } }

.char_content_wrap .itemlist_content {
  max-width: 100%;
  width: 100%;
  padding: 0;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap; }
  .char_content_wrap .itemlist_content .itemlist_content_sec {
    max-width: 28.55172%;
    width: 100%;
    margin: 126px 0 0 7.17241%; }
    @media screen and (max-width: 768px) {
      .char_content_wrap .itemlist_content .itemlist_content_sec {
        max-width: 100%;
        width: 44.51613%;
        margin: 70px 0 0; } }
    .char_content_wrap .itemlist_content .itemlist_content_sec:nth-child(4n-3) {
      margin: 126px 0 0 7.17241%; }
      @media screen and (max-width: 768px) {
        .char_content_wrap .itemlist_content .itemlist_content_sec:nth-child(4n-3) {
          margin: 70px 0 0; } }
    .char_content_wrap .itemlist_content .itemlist_content_sec:nth-child(3n-2) {
      margin: 126px 0 0; }
      @media screen and (max-width: 768px) {
        .char_content_wrap .itemlist_content .itemlist_content_sec:nth-child(3n-2) {
          margin: 70px 0 0; } }
    .char_content_wrap .itemlist_content .itemlist_content_sec:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 768px) {
        .char_content_wrap .itemlist_content .itemlist_content_sec:nth-child(-n+3) {
          margin: 70px 0 0; } }

/*--- CHARACTER ITEM LISTコンテンツ ここまで -----------------------------------------------------*/
/*--- ページネーション ITEM LISTコンテンツ ここから -----------------------------------------------------*/
.pagenation {
  width: 100%;
  text-align: center;
  padding: 146px 0 0;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .pagenation {
      padding: 70px 0 0; } }
  .pagenation ul {
    width: 100%;
    align-items: center; }
    .pagenation ul li {
      display: inline-block;
      font-size: 1.4rem;
      border: 1px solid #000000;
      margin: 0 6px 0; }
      .pagenation ul li a {
        font-size: 1.4rem;
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px 13px; }
        .pagenation ul li a:hover {
          color: #fff;
          background: #000000; }
    .pagenation ul .active {
      color: #fff;
      background: #000000;
      padding: 10px 13px; }

/*--- ページネーション ITEM LISTコンテンツ ここまで -----------------------------------------------------*/
/*--- カテゴリ・トップへ戻るボタン ここから -----------------------------------------------------*/
#cat_link_btn {
  margin: 70px auto 0; }

#char_link_btn {
  margin: 150px auto 0; }

/*--- カテゴリ・トップへ戻るボタン ここまで -----------------------------------------------------*/
/*--- イベント・ニュース ここから -----------------------------------------------------*/
.journal_list {
  max-width: calc(986px + 8.88888888888%);
  width: 100%;
  padding: 0 4.44444444444%;
  display: flex;
  margin: 200px auto 0;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .journal_list {
      flex-flow: column;
      margin: 80px auto 0;
      padding: 0 8.8%; } }
  .journal_list .journal_sidebar {
    width: calc(216/986*100%); }
    @media screen and (max-width: 768px) {
      .journal_list .journal_sidebar {
        width: 100%; } }
    .journal_list .journal_sidebar .journal_side_title {
      max-width: 146px;
      font-family: 'Josefin Sans', sans-serif;
      font-size: 2.0rem;
      letter-spacing: 0.25rem;
      font-weight: bold;
      border-bottom: 1px solid #000000;
      padding: 0 0 5px;
      position: relative; }
      @media screen and (max-width: 768px) {
        .journal_list .journal_sidebar .journal_side_title {
          max-width: 100%;
          font-size: 1.6rem; } }
      @media screen and (max-width: 768px) {
        .journal_list .journal_sidebar .journal_side_title:after {
          content: "";
          position: absolute;
          border-top: 7px solid #000000;
          border-right: 6.5px solid transparent;
          border-left: 6.5px solid transparent;
          top: 50%;
          transition-property: all;
          -moz-transition-property: all;
          -webkit-transition-property: all;
          -o-transition-property: all;
          -ms-transition-property: all;
          transition-duration: 0.25s;
          -moz-transition-duration: 0.25s;
          -webkit-transition-duration: 0.25s;
          -o-transition-duration: 0.25s;
          -ms-transition-duration: 0.25s;
          transform: translateY(-50%) translateX(0%);
          -webkit-transform: translateY(-50%) translateX(0%);
          transform: translate3d(0, 0, 0);
          -webkit-transform: translate3d(0, 0, 0);
          right: 0;
          margin: -7px 0 0; } }
    .journal_list .journal_sidebar .journal_side_title.ac:after {
      content: "";
      position: absolute;
      border-top: 7px solid #000000;
      border-right: 6.5px solid transparent;
      border-left: 6.5px solid transparent;
      top: 50%;
      transform: translateY(-50%) translateX(0%);
      -webkit-transform: translateY(-50%) translateX(0%);
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      right: 0;
      transform: rotateZ(180deg); }
    .journal_list .journal_sidebar .journal_side_content ul li {
      padding: 11px 0;
      font-size: 1.3rem; }
      .journal_list .journal_sidebar .journal_side_content ul li a:hover {
        opacity: 0.5; }
    .journal_list .journal_sidebar .journal_side_content .journal_cat_list,
    .journal_list .journal_sidebar .journal_side_content .journal_archive_list {
      margin: 15px 0 0; }
      @media screen and (max-width: 768px) {
        .journal_list .journal_sidebar .journal_side_content .journal_cat_list,
        .journal_list .journal_sidebar .journal_side_content .journal_archive_list {
          display: none; } }
    .journal_list .journal_sidebar .journal_side_content .journal_archive_list {
      overflow: hidden; }
    .journal_list .journal_sidebar .journal_archive {
      margin: 80px 0 0; }
      @media screen and (max-width: 768px) {
        .journal_list .journal_sidebar .journal_archive {
          margin: 50px 0 0; } }
  .journal_list .journal_content {
    width: calc(725/986*100%);
    margin: 0 0 0 4.46247%; }
    @media screen and (max-width: 768px) {
      .journal_list .journal_content {
        width: 100%;
        margin: 20px auto 0; } }
    .journal_list .journal_content .itemlist_content_wrap {
      width: 100%; }
      .journal_list .journal_content .itemlist_content_wrap .itemlist_content {
        width: 100%;
        padding: 0 0;
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap; }
        .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec {
          width: 28.68966%;
          display: block;
          text-align: left;
          margin: 187px 0 0 6.89655%; }
          @media screen and (max-width: 768px) {
            .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec {
              width: 100%;
              margin: 62px 0 0 0; } }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec a {
            width: 100%; }
            @media screen and (max-width: 768px) {
              .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec a {
                overflow: hidden; } }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec:nth-child(3n-2) {
            margin: 187px 0 0 0; }
            @media screen and (max-width: 768px) {
              .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec:nth-child(3n-2) {
                margin: 62px 0 0; } }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec:nth-child(-n+3) {
            margin-top: 0; }
            @media screen and (max-width: 768px) {
              .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec:nth-child(-n+3) {
                margin: 62px 0 0; } }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec .itemlist_sec_title {
            font-size: 1.3rem;
            line-height: 2.30769;
            margin: 24px 0 0; }
            @media screen and (max-width: 768px) {
              .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec .itemlist_sec_title {
                margin: 14px 0 0;
                line-height: 2; } }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec .detail_btn {
            width: 100%;
            text-align: center;
            font-size: 1.2rem;
            margin: 42px 0 0; }
            @media screen and (max-width: 768px) {
              .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec .detail_btn {
                width: 100%;
                position: relative;
                margin: 30px 0 0;
                padding: 0 0 2px; } }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec a {
            position: relative; }
          .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec a:after {
            bottom: -7px; }
            @media screen and (max-width: 768px) {
              .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec a:after {
                width: 45%;
                right: 0;
                left: auto;
                bottom: 0; } }
          @media screen and (max-width: 768px) {
            .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec img {
              width: 50%;
              flex-shrink: 0;
              float: left; } }
          @media screen and (max-width: 768px) {
            .journal_list .journal_content .itemlist_content_wrap .itemlist_content .itemlist_content_sec .journal_time_new_txt_wrap {
              width: 45%;
              float: right; } }
        .journal_list .journal_content .itemlist_content_wrap .itemlist_content .pagenation {
          margin: 40px auto 0; }

.journal_time_new_txt {
  margin: 24px 0 0; }
  @media screen and (max-width: 768px) {
    .journal_time_new_txt {
      margin: 0 0 0; } }
  .journal_time_new_txt .journal_time {
    font-size: 1.4rem; }
    @media screen and (max-width: 768px) {
      .journal_time_new_txt .journal_time {
        font-size: 1.2rem; } }
  .journal_time_new_txt .new_txt {
    font-size: 1.2rem;
    background: #ff1900;
    display: inline-block;
    color: #fff;
    padding: 1px 4px;
    margin: 0 0 0 15px;
    letter-spacing: 0.2rem; }
    @media screen and (max-width: 768px) {
      .journal_time_new_txt .new_txt {
        font-size: 1.1rem;
        margin: 0 0 0 4px; } }

.single_content_custom .single_conten_head {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .single_content_custom .single_conten_head {
      flex-flow: column; } }
  .single_content_custom .single_conten_head .journal_time_new_txt {
    margin: 0 0 0;
    letter-spacing: 0.2rem; }
    @media screen and (max-width: 768px) {
      .single_content_custom .single_conten_head .journal_time_new_txt {
        width: 100%;
        font-size: 1.4rem; } }
  .single_content_custom .single_conten_head .journal_category_list {
    display: flex;
    align-items: center;
    letter-spacing: 0.05rem;
    font-size: 1.2rem; }
    @media screen and (max-width: 768px) {
      .single_content_custom .single_conten_head .journal_category_list {
        margin: 12px 0 0; } }
    .single_content_custom .single_conten_head .journal_category_list .journal_cat_title {
      padding-right: 10px; }
    .single_content_custom .single_conten_head .journal_category_list a {
      padding: 0 10px; }
      .single_content_custom .single_conten_head .journal_category_list a:hover {
        opacity: 0.5; }
      .single_content_custom .single_conten_head .journal_category_list a:last-child {
        padding: 0 0 0 10px; }

.single .journal_content {
  width: calc(604/986*100%);
  margin: 0 6.95364% 0 8.27815%; }
  @media screen and (max-width: 768px) {
    .single .journal_content {
      width: 100%;
      margin: 80px auto 0; } }

.single .single_content_title {
  font-size: 2.0rem;
  letter-spacing: 0.05rem;
  line-height: 1.6;
  font-weight: bold;
  margin: 27px 0 35px; }
  @media screen and (max-width: 768px) {
    .single .single_content_title {
      font-size: 1.8rem; } }

.single .journal_content_main p {
  font-size: 1.3rem;
  line-height: 2.46154; }
  @media screen and (max-width: 768px) {
    .single .journal_content_main p {
      font-size: 1.2rem; } }

.single_pagenation {
  width: 100%;
  text-align: center;
  padding: 200px 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .single_pagenation {
      padding: 70px 0 0; } }
  .single_pagenation a {
    font-size: 1.4rem;
    display: block;
    width: auto;
    height: 100%;
    padding: 10px 13px;
    display: inline-block;
    font-size: 1.4rem;
    border: 1px solid #000000;
    margin: 0 6px 0; }
    .single_pagenation a:hover {
      color: #fff;
      background: #000000; }

/*--- イベント・ニュース ここまで -----------------------------------------------------*/
/*--- PICK UPコンテンツ ここから -----------------------------------------------------*/
#cat_pickup_conten {
  padding: 146px 0 0; }
  @media screen and (max-width: 768px) {
    #cat_pickup_conten {
      padding: 96px 0 0; } }

.pickup_content_wrap .itemlist_content .itemlist_content_sec:first-child {
  border-bottom: 0 solid #000000; }

.pickup_content_wrap .itemlist_content_wrap .itemlist_content .itemlist_content_sec a:after {
  bottom: 2px; }

/*--- PICK UPコンテンツ ここまで -----------------------------------------------------*/
/*--- その他ページ ここまで -----------------------------------------------------*/
.other_content {
  width: calc(604/986*100%);
  padding-top: 180px; }
  @media screen and (max-width: 768px) {
    .other_content {
      width: 100%; } }
  .other_content h2 {
    font-size: 2.6rem;
    line-height: 1.92308;
    letter-spacing: 0.5rem;
    margin: 0 0 60px; }
    @media screen and (max-width: 768px) {
      .other_content h2 {
        font-size: 2rem; } }
  .other_content tr {
    border-bottom: 1px solid #000000; }
    @media screen and (max-width: 768px) {
      .other_content tr {
        display: block;
        padding: 30px 0; } }
    .other_content tr:first-child {
      border-top: 1px solid #000000; }
  .other_content th,
  .other_content td {
    font-size: 1.3rem;
    padding: 30px 0;
    line-height: 2;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .other_content th,
      .other_content td {
        display: block;
        padding: 0 0; } }
  .other_content th {
    width: 40%; }
    @media screen and (max-width: 768px) {
      .other_content th {
        width: 100%;
        margin-bottom: 8px; } }
  .other_content dl dt,
  .other_content dl dd {
    line-height: 2; }
  .other_content dl dt {
    font-size: 1.5rem;
    margin: 0 0 20px; }
  .other_content dl dd {
    font-size: 1.3rem; }
  .other_content .first_sec {
    margin: 0 0 80px; }

/*--- その他ページ ここまで -----------------------------------------------------*/
/*--- char_copy ここから -----------------------------------------------------*/
.bnr_beaver {
  max-width: 986px;
  display: block;
  width: 70%;
  margin: 100px auto 0; }
  @media screen and (max-width: 768px) {
    .bnr_beaver {
      width: 85%;
      margin: 80px auto 0; } }

.area-bnr__foot {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 70%;
  margin: 100px auto 0; }
  @media screen and (max-width: 768px) {
    .area-bnr__foot {
      flex-direction: column;
      width: 82%; } }
  .area-bnr__foot a {
    width: 48%;
    display: flex; }
    @media screen and (max-width: 768px) {
      .area-bnr__foot a {
        width: 100%; }
        .area-bnr__foot a:first-child {
          margin-bottom: 40px; } }
    .area-bnr__foot a img {
      align-self: flex-end;
      max-width: 100%; }

.char_copy {
  text-align: center;
  font-size: 1.0rem;
  line-height: 3;
  margin: 114px auto 0; }
  @media screen and (max-width: 768px) {
    .char_copy {
      margin: 100px auto 0; } }

/*--- char_copy ここまで -----------------------------------------------------*/
/*--- FOOTER ここから -----------------------------------------------------*/
.fter_wrap {
  text-align: center;
  margin: 120px auto 0; }
  @media screen and (max-width: 768px) {
    .fter_wrap {
      padding: 0 8.8%;
      margin: 120px auto 0; } }
  .fter_wrap .fter_link_wrap .fter_link {
    display: inline-block;
    font-size: 1.2rem; }
    @media screen and (max-width: 768px) {
      .fter_wrap .fter_link_wrap .fter_link {
        font-size: 1.0rem;
        line-height: 2.5; }
        .fter_wrap .fter_link_wrap .fter_link:nth-child(2) {
          padding: 0 14px 0; }
        .fter_wrap .fter_link_wrap .fter_link:nth-child(4) {
          padding: 0 14px 0 14px; } }
    .fter_wrap .fter_link_wrap .fter_link a {
      color: #000000;
      letter-spacing: 0.1rem;
      padding: 0 15px; }
      @media screen and (max-width: 768px) {
        .fter_wrap .fter_link_wrap .fter_link a {
          padding: 0 0;
          letter-spacing: 0rem; } }
  .fter_wrap .copywriter {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    display: inline-block;
    margin: 20px auto 35px; }
    @media screen and (max-width: 768px) {
      .fter_wrap .copywriter {
        font-size: 1.0rem;
        letter-spacing: 0.1rem;
        line-height: 2.5;
        margin: 32px auto 35px; } }

/*--- FOOTER ここまで -----------------------------------------------------*/
img.emoji{
	width:1em !important;
	height:1em;
	vertical-align:middle;
}