@charset "UTF-8";

/*
Theme Name: EGO for WooCommerce
Theme URI:
Description: WordPressテーマ「EGO for WooCommerce」
Author: Design Plus
Author URI: http://design-plus1.com/tcd-w/
Version: 1.2.2
Text Domain: tcd-w
*/


/**
 * Reset
 */

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

ul,
ol {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a:focus {
  outline: none;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 0;
}

button,
input,
select,
textarea {
  outline: 0;
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input,
textarea {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

img {
  -ms-interpolation-mode: bicubic;
}


/**
 * Base
 */

body {
  background: #fffef3;
  color: #000;
  line-height: 1;
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #000;
  text-decoration: none;
}

b,
strong {
  font-weight: 700;
}

big {
  font-size: larger;
}

small {
  font-size: 80%;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: italic;
}

tt,
code,
kbd,
samp {
  font-family: monospace;
}

u,
ins {
  text-decoration: underline;
}

img {
  vertical-align: bottom;
}

a,
input,
button,
.p-button,
.p-cb-blocks__info {
  -webkit-transition-property: background-color, border-color, color, opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background-color, border-color, color, opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -ms-transition-property: background-color, border-color, color, opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease;
  transition-property: background-color, border-color, color, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}


/**
 * web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
 */

@font-face {
  font-family: "design_plus";
  src: url("fonts/design_plus.eot?v=1.0");
  src: url("fonts/design_plus.eot?v=1.0#iefix") format("embedded-opentype"), url("fonts/design_plus.woff?v=1.0") format("woff"), url("fonts/design_plus.ttf?v=1.0") format("truetype"), url("fonts/design_plus.svg?v=1.0#design_plus") format("svg");
  font-weight: normal;
  font-style: normal;
}


/**
 * keyframes
 */


/* loading-anime */

@-webkit-keyframes loading-anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* headerSlideDown */

@-webkit-keyframes headerSlideDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes headerSlideDown {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}


/**
 * Layout
 */


/* Header */

.l-header {
  position: relative;
}

.l-header__bar {
  position: relative;
  width: 100%;
  z-index: 999;
}

@media (min-width: 992px) {
  body.l-header__fix .is-header-fixed .l-header__bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-animation: headerSlideDown 0.5s ease;
    animation: headerSlideDown 0.5s ease;
  }
}

@media (max-width: 991px) {
  body.l-header__fix--mobile .is-header-fixed .l-header__bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-animation: headerSlideDown 0.5s ease;
    animation: headerSlideDown 0.5s ease;
  }
}


/* Footer */

.l-footer {}


/* Inner */

.l-inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 88.8888%;
  max-width: 1110px;
}

@media (min-width: 992px) {
  .l-pc-inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 88.8888%;
    max-width: 1110px;
  }
}

@media (max-width: 991px) {
  .l-mobile-inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 88.8888%;
    max-width: 1110px;
  }
}


/* main */

.l-main {
  position: relative;
}

.l-main__inner {
  padding-bottom: 150px;
  padding-top: 50px;
}

@media (max-width: 991px) {
  .l-main__inner {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}


/* main columns */

.l-2columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.l-2columns .l-primary {
  width: 823px;
  width: -webkit-calc(100% - 250px - 3.333%);
  width: calc(100% - 250px - 3.333%);
}

.l-secondary {
  width: 250px;
}

.l-sidebar--type1 .l-2columns .l-primary {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
}

@media (max-width: 991px) {
  .l-2columns {
    display: block;
  }
  .l-2columns .l-primary {
    width: 100%;
  }
  .l-secondary {
    margin-top: 40px;
    width: 100%;
  }
}


/* adminbar */

@media (min-width: 783px) {
  body.admin-bar {
    padding-top: 32px;
  }
  body.admin-bar.l-header__fix .is-header-fixed .l-header__bar,
  body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar--mobile {
    top: 32px;
  }
}

@media (max-width: 782px) {
  body.admin-bar {
    padding-top: 46px;
  }
  body.admin-bar.l-header__fix .is-header-fixed .l-header__bar,
  body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar--mobile {
    top: 46px;
  }
}

@media (max-width: 600px) {
  body.admin-bar.l-header__fix .is-header-fixed .l-header__bar,
  body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar--mobile {
    top: 0;
  }
}


/**
 * Component
 */


/* Load */

@-webkit-keyframes loading-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loading-square-base {
  0% {
    bottom: 10px;
    opacity: 0;
  }
  5%,
  50% {
    bottom: 0;
    opacity: 1;
  }
  55%,
  100% {
    bottom: -10px;
    opacity: 0;
  }
}

@keyframes loading-square-base {
  0% {
    bottom: 10px;
    opacity: 0;
  }
  5%,
  50% {
    bottom: 0;
    opacity: 1;
  }
  55%,
  100% {
    bottom: -10px;
    opacity: 0;
  }
}

@-webkit-keyframes loading-dots-fadein {
  100% {
    opacity: 1;
  }
}

@keyframes loading-dots-fadein {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes loading-dots-first-dot {
  100% {
    -webkit-transform: translate(1em);
    transform: translate(1em);
    opacity: 1;
  }
}

@keyframes loading-dots-first-dot {
  100% {
    -webkit-transform: translate(1em);
    transform: translate(1em);
    opacity: 1;
  }
}

@-webkit-keyframes loading-dots-middle-dots {
  100% {
    -webkit-transform: translate(1em);
    transform: translate(1em);
  }
}

@keyframes loading-dots-middle-dots {
  100% {
    -webkit-transform: translate(1em);
    transform: translate(1em);
  }
}

@-webkit-keyframes loading-dots-last-dot {
  100% {
    -webkit-transform: translate(2em);
    transform: translate(2em);
    opacity: 0;
  }
}

@keyframes loading-dots-last-dot {
  100% {
    -webkit-transform: translate(2em);
    transform: translate(2em);
    opacity: 0;
  }
}

#site-wrap {
  display: none;
}

#site_loader_overlay {
  background: #fff;
  opacity: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}


/* type1 */

.c-load--type1 {
  width: 48px;
  height: 48px;
  font-size: 10px;
  text-indent: -9999em;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  -webkit-animation: loading-circle 1.1s infinite linear;
  animation: loading-circle 1.1s infinite linear;
}


/* type2 */

.c-load--type2 {
  width: 44px;
  height: 44px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.c-load--type2::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: '';
  animation: loading-square-loader 5.4s linear forwards infinite;
}

.c-load--type2::after {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0;
  content: '';
  animation: loading-square-base 5.4s linear forwards infinite;
}


/* type3 */

.c-load--type3 {
  width: 100%;
  min-width: 160px;
  font-size: 16px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 0;
  opacity: 0;
  -webkit-animation: loading-dots-fadein .5s linear forwards;
  animation: loading-dots-fadein .5s linear forwards;
}

.c-load--type3 i {
  width: .5em;
  height: .5em;
  display: inline-block;
  vertical-align: middle;
  background: #999;
  border-radius: 50%;
  margin: 0 .25em;
  -webkit-animation: loading-dots-middle-dots .5s linear infinite;
  animation: loading-dots-middle-dots .5s linear infinite;
}

.c-load--type3 i:first-child {
  -webkit-animation: loading-dots-first-dot .5s infinite;
  animation: loading-dots-first-dot .5s linear infinite;
  opacity: 0;
  -webkit-transform: translate(-1em);
  transform: translate(-1em);
}

.c-load--type3 i:last-child {
  -webkit-animation: loading-dots-last-dot .5s linear infinite;
  animation: loading-dots-last-dot .5s linear infinite;
}


/* type4 */

.c-load--type4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 10%;
  right: 10%;
  top: 0;
}

.c-load--type4>* {
  -webkit-animation: fadeIn .5s linear .3s both;
  animation: fadeIn .5s linear .3s both;
}

.c-load--type4 img {
  display: block;
  height: auto;
  margin: auto;
  max-width: 100%;
}

.c-load--type4 .site_loader_catch {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}

.c-load--type4 img+.site_loader_catch {
  margin-top: 20px;
}

.c-load--type4 .site_loader_catch p+p {
  margin-top: 0.9em;
}

@media (max-width: 767px) {
  .c-load--type1 {
    width: 30px;
    height: 30px;
  }
  .c-load--type2::before {
    width: 8px;
    height: 8px;
  }
  .c-load--type2::after {
    width: 8px;
    height: 8px;
  }
  #site_loader_animation i {
    width: 0.25em;
    height: 0.25em;
    margin: 0 0.125em;
  }
}


/* menu button */

a.c-icon-button::before {
  content: "\f0c9";
  font-family: "design_plus";
}

button.c-icon-button {
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-family: "design_plus";
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}


/* font type */

.c-font-type--type1 {
  font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif !important;
}

.c-font-type--type2 {
  font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}

.c-font-type--type3 {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  font-weight: 500;
}


/* breadcrumb */

.c-breadcrumb__item {
  display: inline;
}

.c-breadcrumb__item--home a::before {
  content: "\e90c";
  font-family: "design_plus";
}

.c-breadcrumb__item--home span {
  display: none;
}


/* コメント */

.c-comment {
  margin-top: 60px;
}

.c-comment__tab {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-comment__tab-item {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c-comment__tab-item a,
.c-comment__tab-item p {
  background: #fff;
  border-color: #666;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 1.8;
  padding: 15px;
  text-decoration: none;
  width: 100%;
}

.c-comment__tab-item:last-child>* {
  border-right-width: 1px
}

.c-comment__tab-item.is-active a,
.c-comment__tab-item.is-active p {
  background: #666;
  color: #fff;
  position: relative;
}

.c-comment__tab-item.is-active a:after,
.c-comment__tab-item.is-active p:after {
  border-color: #666 transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
}

.c-comment__tab-item a:hover {
  background: #666;
  color: #fff;
}

.c-comment__tab-item+.c-comment__tab-item>* {
  border-left-color: #ddd;
}

@media (max-width: 992px) {
  .c-comment {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .c-comment__item-act {
    margin-top: 10px;
    padding-left: 0;
    position: static;
  }
  .c-comment__tab-item a,
  .c-comment__tab-item p {
    padding: 9px 10px;
  }
  .c-comment__tab-item.is-active a,
  .c-comment__tab-item.is-active p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.c-comment__list-item {
  background: #fff;
  border: 1px solid #ddd;
  color: #777;
  margin-bottom: 15px;
  padding: 15px 20px 0;
}

.c-comment__item-body p {
  line-height: 2.4;
  margin-bottom: 15px;
}

.c-comment__item-header {
  margin-bottom: 10px;
  position: relative;
}

.c-comment__item-avatar {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.c-comment__item-author {
  display: block;
  margin-bottom: 10px;
  padding-top: 3px;
}

a.c-comment__item-author {
  color: inherit;
  text-decoration: underline;
}

.c-comment__item-date {
  color: #999;
  display: block;
  font-size: 12px;
}

.c-comment__item-act {
  font-size: 12px;
  margin-top: 5px;
  padding-left: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.c-comment__item-act>li {
  display: inline;
  border-right: 1px solid #aaa;
  margin-right: 6px;
  padding-right: 10px;
}

.c-comment__item-act>li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.c-comment__item-note {
  background: #d6f4f0;
  border: 1px solid #94ddd4;
  color: #33a8e5;
  display: block;
  font-size: 12px;
  margin-bottom: 1em;
  padding: 10px 15px;
}

.c-comment__trackback-url {
  background: #fafafa;
  font-size: 14px;
  padding: 10px;
}

.trackback_time {
  font-size: 12px;
  color: #757676;
  margin: 0 0 7px 0px;
}

.trackback_title {
  margin: 2px 0 8px 0;
  margin: 0 0 10px 0px;
  line-height: 1.6;
}


/* コメントフォーム */

.c-comment__form-wrapper {
  background: #fff;
  border: 1px solid #ddd;
  margin-top: 30px;
  padding: 15px;
}

.c-comment__cancel {
  color: #666;
  font-size: 12px;
  margin-bottom: 1em;
}

.c-comment__cancel a {
  color: #666;
}

.c-comment__cancel a:before {
  content: "\e910";
  font-family: "design_plus";
  display: inline-block;
}

.c-comment__form-login {
  color: #666;
  font-size: 14px;
}

.c-comment__form-login a {
  color: #666;
}

.c-comment__input {
  margin-bottom: 12px;
  text-align: left;
}

.c-comment__input input {
  border: 1px solid #ddd;
  padding: 5px;
  width: 100%;
}

.c-comment__input textarea {
  border: 1px solid #ddd;
  padding: 5px;
  line-height: 1.5;
  overflow: auto;
  margin-top: 15px;
  width: 100%;
  height: 150px;
}

.c-comment__label-text {
  color: #666;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.c-comment__form-submit {
  background: #333;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 15px auto 0;
  width: 200px;
  height: 50px;
}

.c-comment__form-hidden {
  display: none;
}


/* パスワード保護 */

.c-comment__password-protected {
  background: #000;
  border-radius: 5px;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
}

.c-comment__password-protected p {
  font-size: 12px;
  line-height: 1.6;
}


/* meta box */

.c-meta-box {
  font-size: 12px;
}

.c-meta-box__item {
  border-right: 1px solid #ddd;
  float: left;
  margin-bottom: 5px;
  margin-right: 12px;
  padding-left: 20px;
  padding-right: 12px;
  position: relative;
}

.c-meta-box__item:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.c-meta-box__item::before {
  color: #aaa;
  font-family: "design_plus";
  position: absolute;
  left: 0;
}

.c-meta-box__item--author::before {
  content: "\e90d";
}

.c-meta-box__item--category::before {
  content: "\e92f";
}

.c-meta-box__item--tag::before {
  content: "\e935";
}

.c-meta-box__item--comment::before {
  content: "\e916";
}

@media (max-width: 767px) {
  .c-meta-box {
    background: none;
    margin-bottom: 10px;
    padding: 0;
  }
  .c-meta-box__item {
    border-right: 0;
    float: none;
    margin-bottom: 16px;
  }
  .c-meta-box__item:last-child {
    margin-bottom: 0;
  }
}


/* entry nav */

.c-entry-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-entry-nav__item {
  height: 110px;
  line-height: 1.7;
  position: relative;
  width: 50%;
}

.c-entry-nav__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 0 10%;
}

.c-entry-nav__item--prev,
.c-entry-nav__item--next {
  background: #fff;
  border: 1px solid #ddd;
}

.c-entry-nav__item--prev+.c-entry-nav__item--next {
  border-left: none;
}

.c-entry-nav__item a:hover {
  color: #666;
}

.c-entry-nav__item a span {
  display: block;
  max-height: 3.4em;
  overflow: hidden;
}

.c-entry-nav__item--prev a {
  padding-left: 19.5%;
}

.c-entry-nav__item--next a {
  padding-right: 19.5%;
}

.c-entry-nav__item--prev a::before,
.c-entry-nav__item--next a::after {
  content: '';
  display: block;
  font-family: "design_plus";
  font-size: 14px;
  line-height: 1;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
}

.c-entry-nav__item--prev a::before {
  content: "\e90f";
  left: 8.5%;
}

.c-entry-nav__item--next a::after {
  content: "\e910";
  right: 8.5%;
}

@media (max-width: 991px) {
  .c-entry-nav {
    border-top: none;
  }
  .c-entry-nav__item {
    font-size: 12px;
    height: 52px;
    text-align: center;
    width: 50%;
  }
  .c-entry-nav__item--prev+.c-entry-nav__item--next {
    border-left: none;
  }
  .c-entry-nav__item a {
    display: block;
    line-height: 50px;
    height: 50px;
  }
  .c-entry-nav__item a span {
    display: none;
  }
  .c-entry-nav__item--prev a {
    padding-left: 30px;
  }
  .c-entry-nav__item--next a {
    padding-right: 30px;
  }
  .c-entry-nav__item--prev a::after {
    content: attr(data-prev);
  }
  .c-entry-nav__item--next a::before {
    content: attr(data-next);
  }
  .c-entry-nav__item--prev a::before {
    left: 18px;
  }
  .c-entry-nav__item--next a::after {
    right: 18px;
  }
}


/* pw */

.c-pw {
  margin-bottom: 40px;
}

.c-pw__desc {
  line-height: 2.5;
}

.c-pw__desc p {
  line-height: 2.5;
  margin-bottom: 16px;
}

.c-pw__btn {
  color: #fff;
  display: inline-block;
  padding: 13px 20px;
  text-align: center;
  line-height: 1;
  background: #999;
}

.c-pw__btn:hover {
  background: #333;
  color: #fff;
}

.c-pw__btn--register {
  background: #999;
  color: #fff !important;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  min-width: 200px;
  padding: 0 25px;
  position: relative;
  min-width: 160px;
  margin-bottom: 32px;
}

.c-pw__btn--register::after {
  content: '\e910';
  font-family: 'design_plus';
  position: relative;
  right: -4px;
}

.c-pw__btn--submit {
  min-width: 100px;
  border: 0;
  cursor: pointer;
}

.c-pw .c-pw__btn:hover {
  text-decoration: none;
}

.c-pw__box {
  border: 1px solid #ddd;
  background: #f9f9f9;
  padding: 25px 36px;
}

.c-pw__box .c-pw__box-desc {
  line-height: 1.2;
  margin-bottom: 20px;
}

.c-pw__box-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.c-pw__box-label {
  margin-right: 14px;
}

.c-pw__box-input {
  border: 1px solid #ddd;
  box-shadow: none;
  height: 40px;
  width: 250px;
  margin-right: 14px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .c-pw {
    margin-bottom: 30px;
  }
  .c-pw__box {
    padding: 20px;
    text-align: center;
  }
  .c-pw__box-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .c-pw__box-label {
    display: block;
    margin-bottom: 1em;
    margin-right: 0;
    font-size: 12px;
  }
  .c-pw__box-input {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    margin-right: 0;
  }
}


/* Share */

.c-share__icn {
  font-family: "design_plus" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.c-share__icn--facebook::before {
  content: "\e903";
}

.c-share__icn--facebook2::before {
  content: "\e902";
}

.c-share__icn--feedly::before {
  content: "\e907";
}

.c-share__icn--google-plus::before {
  content: "\e900";
}

.c-share__icn--google-plus2::before {
  content: "\e901";
}

.c-share__icn--hatebu::before {
  content: "\e908";
}

.c-share__icn--line::before {
  content: "\e909";
}

.c-share__icn--pinterest::before {
  content: "\e905";
}

.c-share__icn--pocket::before {
  content: "\e90a";
}

.c-share__icn--rss::before {
  content: "\e90b";
}

.c-share__icn--rss2::before {
  content: "\e906";
}

.c-share__icn--twitter::before {
  content: "\e904";
}

.c-share--sm {
  line-height: 25px;
  min-width: 27px;
}

.c-share--sm .c-share__btn {
  margin-bottom: 5px;
  margin-right: 5px;
}

.c-share--sm a {
  padding: 1px 5px 0;
}

.c-share--sm .c-share__icn {
  font-size: 1.3em;
  position: relative;
  top: 3px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
}

.c-share--sm .c-share__title {
  line-height: 20px;
  margin: 0 3px 0 2px;
}

.c-share--lg .c-share__btn {
  margin-right: 1%;
  margin-bottom: 2px;
  width: 24%;
}

@media (max-width: 374px) {
  .c-share--lg .c-share__btn {
    margin-right: 3%;
    margin-bottom: 3%;
    width: 47%;
  }
}

.c-share--lg .c-share__btn:nth-child(4n) {
  margin-right: 0;
}

.c-share--lg .c-share__btn a {
  padding: 10px 2px;
}

.c-share--lg .c-share__icn {
  font-size: 140%;
  position: relative;
  top: 3px;
}

.c-share--lg .c-share__title {
  margin: 0 3px 0 4px;
}

.c-share--color a {
  color: #fff;
}

.c-share--color a:hover {
  color: #fff;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
}

.c-share--color .c-share__btn--twitter a {
  background-color: #55acee;
}

.c-share--color .c-share__btn--twitter a:hover {
  background-color: #468ec5;
}

.c-share--color .c-share__btn--facebook a {
  background-color: #35629a;
}

.c-share--color .c-share__btn--facebook a:hover {
  background-color: #1f3669;
}

.c-share--color .c-share__btn--google-plus a {
  background-color: #dd4b39;
}

.c-share--color .c-share__btn--google-plus a:hover {
  background-color: #b94031;
}

.c-share--color .c-share__btn--hatebu a {
  background-color: #3c7dd1;
}

.c-share--color .c-share__btn--hatebu a:hover {
  background-color: #0270ac;
}

.c-share--color .c-share__btn--pocket a {
  background-color: #ee4056;
}

.c-share--color .c-share__btn--pocket a:hover {
  background-color: #c53648;
}

.c-share--color .c-share__btn--rss a {
  background-color: #ffb53c;
}

.c-share--color .c-share__btn--rss a:hover {
  background-color: #e09900;
}

.c-share--color .c-share__btn--feedly a {
  background-color: #6cc655;
}

.c-share--color .c-share__btn--feedly a:hover {
  background-color: #5ca449;
}

.c-share--color .c-share__btn--pinterest a {
  background-color: #d4121c;
}

.c-share--color .c-share__btn--pinterest a:hover {
  background-color: #a42f35;
}

.c-share--mono a {
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #222;
}

.c-share--mono a:hover {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.c-share--mono .c-share__btn--twitter a:hover {
  background-color: #55acee;
}

.c-share--mono .c-share__btn--facebook a:hover {
  background-color: #35629a;
}

.c-share--mono .c-share__btn--google-plus a:hover {
  background-color: #dd4b39;
}

.c-share--mono .c-share__btn--hatebu a:hover {
  background-color: #3c7dd1;
}

.c-share--mono .c-share__btn--pocket a:hover {
  background-color: #ee4056;
}

.c-share--mono .c-share__btn--rss a:hover {
  background-color: #ff8c00;
}

.c-share--mono .c-share__btn--feedly a:hover {
  background-color: #6cc655;
}

.c-share--mono .c-share__btn--pinterest a:hover {
  background-color: #d4121c;
}

.c-share__btn {
  float: left;
  font-size: 12px;
  text-align: center;
}

.c-share__btn a {
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
  display: block;
}

@media (max-width: 991px) {
  .c-share__btn {
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .c-share--sm .c-share__icn {
    left: 1px;
  }
  .c-share--sm .c-share__title {
    display: none;
  }
}

.c-share--official .c-share__btn {
  line-height: 1;
  margin-right: 5px;
}

.c-share--official .c-share__btn--twitter {
  width: 74px;
}

.c-share--official .c-share__btn--facebook:hover {
  text-decoration: none;
}

.c-share--official .c-share__btn--google-plus {
  width: 58px;
}

.c-share--official .c-share__btn--pocket {
  width: 88px;
}


/**
 * Project
 */

body {
  font-size: 16px;
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
  }
}

a:hover {
  color: #999;
}


/* header upper */

.p-header__upper {
  background: #eee;
  position: relative;
}

.p-header__upper-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 60px;
}

.p-header-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.8;
  padding: 12px 10px 12px 0;
}

@media (max-width: 991px) {
  .p-header__upper-inner {
    margin-left: 5.5556%;
    margin-right: 0;
    min-height: 50px;
    width: auto;
  }
  .p-header-description {
    font-size: 12px;
    padding: 6px 5px 6px 0;
  }
  .p-header-description.u-visible-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}


/* header search */

@media (min-width: 992px) {
  .p-header__upper-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -18px;
  }
  .p-header__upper-search:only-child {
    margin-left: auto;
  }
  .p-header__upper-search__form {
    margin-right: -8px;
    overflow: hidden;
    width: 0;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    transition: width 0.5s ease;
  }
  .p-header__upper-search.is-active .p-header__upper-search__form {
    width: 280px;
  }
  .p-header__upper-search__form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
  }
  .p-header__upper-search__input {
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    margin: 10px 0 10px 10px;
    padding: 6px;
    width: 300px;
  }
  .p-header__upper-search__submit {
    display: none;
  }
  .p-header__upper-search__button {
    color: inherit;
    font-size: 18px;
    width: 60px;
  }
  .p-header__upper-search__button::before {
    content: '\e915'
  }
}

@media (max-width: 991px) {
  .p-header__upper-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .p-header__upper-search:only-child {
    margin-left: auto;
  }
  .p-header__upper-search__form {
    background: #fff;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: -5.9%;
    right: 0;
    top: 100%;
    z-index: 995;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    transition: height 0.3s ease;
  }
  .p-header__upper-search.is-active .p-header__upper-search__form {
    border-top: 1px solid #ddd;
    height: 60px;
  }
  .p-header__upper-search__form form {
    padding: 10px;
  }
  .p-header__upper-search__input {
    background: #eee;
    border: none;
    height: 39px;
    padding: 6px 40px 6px 10px;
    width: 100%;
  }
  .p-header__upper-search__submit {
    font-size: 16px;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .p-header__upper-search__button {
    color: inherit;
    font-size: 16px;
    width: 50px;
  }
  .p-header__upper-search__button::before {
    content: '\e915'
  }
  .p-header__upper-search.is-active .p-header__upper-search__button::before {
    content: '\e91a'
  }
}


/* header lower */

.p-header__lower {
  position: relative;
}

.p-header__lower::before {
  border-bottom: 1px solid #272425;
  border-top: 2px solid #272425;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}


/* .p-header__lower::before { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } */

.p-header__lower-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 80px;
}

@media (max-width: 991px) {
  .p-header__lower-inner {
    margin-left: 5.5556%;
    margin-right: 0;
    min-height: 60px;
    width: auto;
  }
  _:-ms-input-placeholder,
   :root .p-header__lower-inner {
    /* ie hack */
    height: 0;
  }
  .p-header__lower::before {
    border-bottom: none;
    border-top: none;
  }
  body.l-header__fix--mobile .is-header-fixed .p-header__lower::before {
    border-bottom: 1px solid #ddd;
  }
}


/* header logo */

.p-header__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100%;
  margin-right: 40px;
}

.p-header__logo img {
  display: block;
  max-width: 300px;
  height: auto;
}

.p-header__logo--text {
  font-size: 36px;
  line-height: 1.2;
}

.p-header__logo--mobile {
  display: none;
}

@media (max-width: 991px) {
  .p-header__logo {
    display: none;
  }
  .p-header__logo--mobile {
    display: block;
    margin-right: 20px;
  }
  .p-header__logo--text {
    font-size: 26px;
  }
}


/* menu button */

.p-menu-button {
  display: block;
}

.p-menu-button {
  color: inherit;
  display: block;
  font-size: 24px;
  line-height: 60px;
  height: 100%;
  text-align: center;
  width: 50px;
  align-self: stretch;
}


/* drawer */

.p-drawer {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

@media (min-width: 992px) {
  .p-menu-button {
    margin-top: 12px;
  }
}

.p-drawer__contents {
  background: #000;
  max-width: 420px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 80%;
  position: fixed;
  bottom: 0;
  right: -100%;
  top: 0;
  z-index: 999;
  -webkit-transition: right 0.3s ease;
  -moz-transition: right 0.3s ease;
  -ms-transition: right 0.3s ease;
  transition: right 0.3s ease;
  -webkit-overflow-scrolling: touch;
}

.p-drawer__contents.ps--active-y {
  overflow-y: hidden;
}

.p-drawer-overlay {
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 998;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

html.show-drawer {
  overflow-y: scroll;
}

html.show-drawer .p-drawer__contents {
  right: 0;
}

html.show-drawer .p-drawer-overlay {
  opacity: 1;
  visibility: visible;
}

body.admin-bar .p-drawer__contents,
body.admin-bar .p-drawer-overlay {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .p-drawer__contents,
  body.admin-bar .p-drawer-overlay {
    top: 46px;
  }
}

@media (max-width: 600px) {
  body.admin-bar .p-drawer__contents,
  body.admin-bar .p-drawer-overlay {
    top: 0;
  }
}


/* drawer menu */

@media (min-width: 992px) {
  .p-drawer__membermenu {
    display: none;
  }
}

.p-drawer__menu {}

.p-drawer__menu a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-overflow: ellipsis;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}

.p-drawer__menu>li {
  border-bottom: 1px solid #666;
}

.p-drawer__menu>li.is-active {
  border-bottom-color: transparent;
}

.p-drawer__menu .menu-item-has-children>a {
  padding-right: 50px;
}

.p-drawer__menu .menu-item-has-children>a>.p-global-nav__toggle {
  height: 50px;
  padding-right: 20px;
  text-align: right;
  width: 70px;
  position: absolute;
  top: 0;
  right: 0;
}

.p-drawer__menu .menu-item-has-children>a>.p-global-nav__toggle::before {
  content: "\e90e";
  font-family: "design_plus";
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
}

.p-drawer__menu .menu-item-has-children>a>.p-global-nav__toggle.is-active::before {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.p-drawer__menu .sub-menu {
  display: none;
}

.p-drawer__menu .sub-menu .sub-menu a {
  padding-left: 34px;
}

.p-drawer__menu .sub-menu .sub-menu .sub-menu a {
  padding-left: 48px;
}

.p-drawer__menu .sub-menu .sub-menu .sub-menu .sub-menu a {
  padding-left: 62px;
}

.p-global-nav {
  margin: 0 !important;
}


/* global nav */


/* 
@media (min-width: 992px) {
  .p-global-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 auto;
  }
  .p-global-nav a {
    display: block;
    position: relative;
  }
  .p-global-nav>li {
    -webkit-flex: 0 1 120px;
    -ms-flex: 0 1 120px;
    flex: 0 1 120px;
    margin-left: -1px;
    position: relative;
  }
  .p-global-nav>li>a { */


/*border-left: 1px solid #ddd; border-right: 1px solid #ddd;修正　削除 */


/* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 80px;
    overflow: hidden;
    padding: 0 14px;
    text-align: center;
  } */


/* .p-global-nav > li > a { border-left: 1px solid #ddd; border-right: 1px solid #ddd;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 80px; overflow: hidden; padding: 0 14px; text-align: center; } */


/* .p-global-nav>li.menu-item-has-children>.sub-menu {
    top: 100%;
    left: 0;
    z-index: 3;
  }
  .p-global-nav>li>a:hover,
  .p-global-nav>li.current-menu-item>a {
    background: #00bcbc;
    border-color: #00bcbc;
    color: #fff !important;
    z-index: 2;
  }
  .p-global-nav .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-global-nav .sub-menu a {
    background: #00bcbc;
    color: #fff;
    padding: 12.5px 22px;
    width: 220px;
    z-index: 2;
  }
  .p-global-nav .sub-menu a:hover,
  .p-global-nav .sub-menu .current-menu-item>a {
    background: #009c9c;
  }
  .p-global-nav .menu-item-has-children {
    position: relative;
  }
  .p-global-nav .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .p-global-nav .sub-menu .menu-item-has-children>a::after {
    content: "\e910";
    font-family: "design_plus";
    position: absolute;
    right: 16px;
    -webkit-transition: none;
  }
  .p-global-nav .p-has-megamenu .sub-menu {
    display: none;
  }
} */


/* megamenu */

.p-megamenu {
  background: #000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.p-megamenu:hover,
.p-megamenu.is-active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 999;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.is-header-fixed--animate .p-megamenu {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.p-megamenu01__inner {
  position: relative;
  padding: 15px 0 15px;
}

.p-megamenu01__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-megamenu01__list-item {
  margin: 13px 2.75% 13px 0;
  width: 31.5%;
  position: relative;
}

.p-megamenu01__list-item:nth-child(3n) {
  margin-right: 0;
}

.p-megamenu01__list-item a {
  color: #fff;
  display: block;
}

.p-megamenu01__list-item__thumbnail {
  padding-top: 42.857%;
  overflow: hidden;
  position: relative;
}

.p-megamenu01__list-item__thumbnail-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-megamenu01__list-item__thumbnail-overlay {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  display: block;
  position: absolute;
  bottom: -0.1px;
  left: 0;
  right: -1px;
  top: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.p-megamenu01__list-item__info {
  position: absolute;
  bottom: 22px;
  left: 24px;
  right: 24px;
  z-index: 3;
}

.p-megamenu01__list-item__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  margin: -0.3em 0;
  max-height: 3.2em;
}

.p-megamenu01__list-item__desc {
  font-size: 14px;
  line-height: 1.6;
  margin: 7px 0 -0.3em;
  max-height: 3.2em;
}

.p-megamenu02__list {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-megamenu02__list-item {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 27px 19px 15px;
}

.p-megamenu02__list-item>a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 12px;
}

.p-megamenu02__archive {
  margin-top: 25px;
}

.p-megamenu02__archive-item {
  margin-bottom: 15px;
}

.p-megamenu02__archive-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-megamenu02__archive-item__thumbnail {
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  height: 100px;
  margin-right: 17px;
  overflow: hidden;
  width: 100px;
}

.p-megamenu02__archive-item__thumbnail-image {
  height: 100%;
  width: 100%;
}

.p-megamenu02__archive-item__info {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.p-megamenu02__archive-item__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  max-height: 5.4em;
  overflow: hidden;
}

.p-megamenu02__archive-item__meta {
  margin-top: 8px;
}

body.wp-mobile-device .p-megamenu {
  display: none !important;
}

@media (max-width: 991px) {
  .p-megamenu {
    display: none !important;
  }
}


/* header membermenu */

.p-header__membermenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  line-height: 80px;
  margin-left: 12px;
}

.p-header__membermenu a {
  display: block;
  padding: 0 8px;
}

.p-header__membermenu-cart a {
  padding-right: 0;
}

.p-header__membermenu-wishlist a::before {
  content: "\f08a";
  font-family: "design_plus";
  font-size: 16px;
  vertical-align: bottom;
}

.p-header__membermenu-login a::before,
.p-header__membermenu-mypage a::before {
  content: "会 員 登 録";
  font-family: "design_plus";
  font-size: 12px;
  vertical-align: bottom;
  border: 1px solid #fff;
  padding: 4px 6px;
}

.p-header__membermenu-cart a::before {
  content: "\e93a";
  font-family: "design_plus";
  font-size: 20px;
  vertical-align: bottom;
}

.p-header__membermenu .p-header__membermenu-wishlist a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.p-header__membermenu .p-header__membermenu-wishlist a::before {
  display: none;
}

.p-header__membermenu .p-header__membermenu-wishlist a::after {
  content: "\f08a";
  font-family: "design_plus";
  font-size: 16px;
  vertical-align: bottom;
}

.p-header__membermenu-wishlist__count {
  font-size: 12px;
  line-height: 1;
  padding-bottom: 1px;
  padding-right: 8px;
}

.p-header__membermenu-wishlist__count:empty {
  display: none;
}

.p-header__membermenu .p-header__membermenu-cart a {
  color: #00bcbc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.p-header__membermenu-cart__badge {
  background: #00bcbc;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 2px;
  min-width: 25px;
  padding: 0 4px;
  text-align: center;
  line-height: 25px;
}

.p-header__membermenu-cart__badge:empty {
  display: none;
}

@media (max-width: 991px) {
  .p-header__membermenu {
    line-height: 60px;
  }
  .p-header__membermenu a::before {
    font-size: 18px;
    margin-right: 4px;
  }
  .p-header__membermenu-cart__badge {
    border-radius: 11px;
    font-size: 10px;
    line-height: 22px;
    margin-left: 2px;
    min-width: 22px;
  }
  .p-drawer__membermenu .p-header__membermenu-login a::before,
  .p-drawer__membermenu a::before {
    margin-right: 8px;
  }
  .p-drawer__membermenu .p-header__membermenu-mypage a::before {
    font-size: 15px;
    vertical-align: baseline;
  }
  .p-drawer__membermenu .p-header__membermenu-wishlist a::before {
    font-size: 14px;
    vertical-align: baseline;
  }
  .p-drawer__membermenu02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .p-drawer__membermenu02>li {
    width: 100%;
  }
  .p-drawer__membermenu02>li+li {
    border-left: 1px solid #666;
  }
  .p-drawer__membermenu02>li a {
    font-size: 12px;
    padding-right: 5px;
  }
  .p-drawer__membermenu02 .p-header__membermenu-wishlist a {
    padding-left: 10px;
  }
  .p-drawer__membermenu02 .p-header__membermenu-wishlist a::before {
    vertical-align: bottom;
  }
}


/* header login */

.p-header-memberbox {
  background: #222;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  text-align: center;
  position: absolute;
  right: 0;
  top: 100%;
  visibility: hidden;
  width: 375px;
  z-index: 999;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: ease-out;
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.p-header-memberbox.is-active,
.p-header-memberbox:hover {
  opacity: 1;
  visibility: visible;
}

.p-header__lower-inner .p-header-memberbox a {
  color: #fff;
}

.p-header-memberbox .p-button {
  display: block;
  width: 100%;
}

.p-header-memberbox__login {
  padding: 42px 42px 28px;
}

.p-header-memberbox__login p {
  margin: 0 0 2em
}

.p-header-memberbox__login> :last-child,
.p-header-memberbox__login form> :last-child {
  margin-bottom: 0;
}

.p-header-memberbox__login-input {
  background: #fff;
  border: none;
  height: 50px;
  padding: 0 20px;
  width: 100%;
}

.p-header-memberbox__registration {
  border-top: 1px solid #666;
  padding: 30px 42px 42px;
}

.p-header-memberbox__registration p {
  line-height: 1.5;
  margin: 0 0 2em
}

.p-header-memberbox__registration p.p-header-memberbox__registration-desc {
  margin-bottom: 24px;
  margin-top: -0.25em;
}

.p-header-memberbox__registration form> :last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .p-header-memberbox {
    display: none !important;
  }
}


/* header view cart */

.p-header-view-cart {
  background: #222;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 100%;
  visibility: hidden;
  width: 375px;
  z-index: 998;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: ease-out;
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.p-header-view-cart.is-active,
.p-header-view-cart:hover {
  opacity: 1;
  visibility: visible;
}

.p-header-view-cart__item {
  border-bottom: 1px solid #666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
}

.p-header-view-cart__item-thumbnail {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
}

.p-header-view-cart__item-thumbnail img {
  display: block;
  height: auto;
  width: 100%;
}

.p-header-view-cart__item-info {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 1.8;
  margin-left: 18px;
}

.p-header-view-cart__item-price .times {
  padding: 0 7px;
}

.p-header-view-cart__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 12px;
}

.p-header-view-cart__buttons .p-button,
.p-header-view-cart__buttons .p-button--gray {
  min-width: 0;
  width: 48.5%;
}

.p-header-view-cart .p-wc-empty_cart {
  padding: 60px 12px;
  text-align: center;
}

@media (max-width: 991px) {
  .p-header-view-cart {
    margin-top: 0;
    width: auto;
  }
  .p-header-view-cart .p-wc-empty_cart {
    padding: 30px 12px;
  }
}

@media (max-width: 480px) {
  .p-header-view-cart__buttons {
    display: block;
  }
  .p-header-view-cart__buttons .p-button,
  .p-header-view-cart__buttons .p-button--gray {
    display: block;
    width: 100%;
  }
  .p-header-view-cart__buttons .p-button--gray+.p-button {
    margin-top: 10px;
  }
}


/* page header */

.p-page-header {}

.p-page-header__text {
  padding-top: 48px;
}

.p-page-header__title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  margin: -0.1em 0;
  text-align: center;
}

.p-page-header__subtitle {
  font-size: 16px;
  line-height: 1.4;
  margin: -0.2em 0;
  text-align: center;
}

.p-page-header__desc {
  font-size: 16px;
  line-height: 2.4;
  margin: -0.7em 0;
  text-align: center;
}

.p-page-header__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.p-page-header__image .p-page-header__overlay {
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 200px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.p-page-header__image .p-page-header__inner {
  color: #fff;
  padding: 40px 0;
}

.p-page-header__title+.p-page-header__subtitle {
  margin-top: 12px;
}

.p-page-header__title+.p-page-header__desc {
  margin-top: 17px;
}

.p-page-header__subtitle+.p-page-header__desc {
  margin-top: 22px;
}

.p-page-header__image02 {
  margin-top: 60px;
}

.p-page-header__image02 .p-page-header__overlay {
  min-height: 480px;
}

_:-ms-input-placeholder,
 :root .p-page-header__image .p-page-header__overlay {
  /* ie hack for align-items: center; */
  height: 0;
}

.p-page-header__image02 .p-float-category {
  max-width: 50%;
  padding: 16px 0;
}

.p-page-header__image02 .p-float-category>span {
  font-size: 16px;
  max-height: 3.6em;
  min-width: 200px;
  padding: 0 10px;
}

@media (max-width: 991px) {
  .p-page-header__text {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .p-page-header__title {
    font-size: 20px;
    line-height: 1.4;
    margin: -0.2em 0;
  }
  .p-page-header__subtitle {
    font-size: 12px;
  }
  .p-page-header__desc {
    font-size: 14px;
    line-height: 2;
    margin: -0.5em 0;
  }
  .p-page-header__title+.p-page-header__subtitle {
    margin-top: 9px;
  }
  .p-page-header__title+.p-page-header__desc {
    margin-top: 12px;
  }
  .p-page-header__subtitle+.p-page-header__desc {
    margin-top: 17px;
  }
  .p-page-header__image .p-page-header__inner {
    padding: 20px 0;
  }
  .p-page-header__image02 {
    margin-top: 0;
  }
  .p-page-header__image02 .p-page-header__overlay {
    min-height: 270px;
  }
  .p-page-header__image02 .p-page-header__title {
    font-size: 18px;
  }
  .p-page-header__image02 .p-float-category {
    max-width: 50%;
    padding: 9.5px 0;
  }
  .p-page-header__image02 .p-float-category>span {
    font-size: 12px;
    min-width: 120px;
  }
}


/* breadcrumb */

.p-breadcrumb {
  padding-top: 48px;
}

.p-breadcrumb__inner {
  color: #00bcbc;
  font-size: 12px;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-breadcrumb__item {}

.p-breadcrumb__item+.p-breadcrumb__item::before {
  color: #000;
  content: "\e910";
  display: inline-block;
  font-family: "design_plus";
  font-size: 10px;
  margin-left: 4px;
  margin-right: 4px;
}

@media (max-width: 991px) {
  .p-breadcrumb {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-bottom: 14px;
    padding-top: 14px;
  }
  .p-breadcrumb__inner {
    font-size: 12px;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .p-page-header__image+.p-breadcrumb {
    border-top: none;
  }
}


/* footer */

.p-footer {
  padding: 60px 0;
  text-align: center;
}

.p-footer:first-child {
  border-top: 1px solid #ddd;
}

.p-footer__desc {
  font-size: 14px;
  line-height: 2.2;
  margin: 12px 0 -0.6em;
}

@media (max-width: 991px) {
  .p-footer {
    padding: 40px 0;
  }
  .p-footer__desc {
    font-size: 12px;
  }
}


/* footer logo */

.p-footer__logo {}

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

.p-footer__logo--text {
  font-size: 36px;
  line-height: 1.2;
  margin: -0.2em 0;
}

.p-footer__logo--mobile {
  display: none;
}

.p-footer .p-footer__desc+.p-footer__logo {
  margin-top: 29px;
}

.p-footer .p-footer__desc+.p-footer__logo--text {
  margin-top: 19px;
}

@media (max-width: 991px) {
  .p-footer__logo {
    display: none;
  }
  .p-footer__logo--mobile {
    display: block;
  }
  .p-footer__logo--text {
    font-size: 26px;
  }
  .p-footer .p-footer__desc~.p-footer__logo--mobile {
    margin-top: 21px;
  }
  .p-footer .p-footer__desc~.p-footer__logo--text {
    margin-top: 11px;
  }
}


/* social nav */

.p-social-nav {}

.p-social-nav__item {
  display: inline-block;
  font-size: 14px;
  margin-right: 18px;
}

.p-social-nav__item:last-child {
  margin-right: 0;
}

.p-social-nav__item a::before {
  font-family: "design_plus";
}

.p-social-nav__item--facebook a::before {
  content: "\e903";
}

.p-social-nav__item--googleplus a::before {
  content: "\e900";
}

.p-social-nav__item--twitter a::before {
  content: "\e904";
}

.p-social-nav__item--instagram a::before {
  content: "\ea92";
}

.p-social-nav__item--pinterest a::before {
  content: "\e905";
}

.p-social-nav__item--youtube a::before {
  content: "\ea9e";
}

.p-social-nav__item--contact a::before {
  content: "\f003";
}

.p-social-nav__item--url a::before {
  content: "\e88a";
  font-size: 120%;
  margin-bottom: -2px;
}

.p-social-nav__item--rss a::before {
  content: "\e90b";
}

@media (max-width: 991px) {
  .p-social-nav {
    text-align: center;
  }
}


/* footer menu */

.p-footer-nav__area {
  background-color: #eee;
}

.p-footer-nav__area__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-footer-nav__container {
  padding: 100px 14px 100px 42px;
  width: 278px;
}

.p-footer-nav__headline {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-bottom: 14px;
}

.p-footer-nav {
  font-size: 14px;
  line-height: 2.4;
}

.p-footer-nav ul {
  margin-left: 1em;
}

@media (min-width: 992px) {
  .p-footer-nav__area__inner {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .p-footer-nav__container+.p-footer-nav__container {
    border-left: 1px solid #fff;
  }
}

@media (max-width: 991px) {
  .p-footer-nav__area__inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .p-footer-nav__container {
    padding: 20px 20px 17px;
    width: 50%;
  }
  .p-footer-nav__container:nth-child(odd) {
    padding-right: 10px;
  }
  .p-footer-nav__container:nth-child(even) {
    padding-left: 0;
  }
  .p-footer-nav__headline {
    margin-bottom: 15px;
    margin-top: -0.155em;
  }
  .p-footer-nav {
    font-size: 12px;
    margin: -0.7em 0;
  }
  .p-footer-nav__area .p-social-nav {
    padding: 0 0 40px;
  }
}


/* copyright */

.p-copyright {
  font-size: 12px;
  line-height: 1.5;
  min-height: 60px;
  padding: 21px 0;
  text-align: center;
}

.p-copyright .l-inner {
  position: relative;
}

.p-copyright .p-social-nav {
  position: absolute;
  left: 0;
  top: 0;
}

.p-copyright .p-social-nav a {
  color: #fff;
}

@media (max-width: 991px) {
  .p-copyright {
    min-height: 50px;
    padding: 16px 0;
  }
}


/* pagetop */

.p-pagetop {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 90;
}

.p-pagetop a {
  background: #00bcbc;
  color: #fff !important;
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
}

.p-pagetop a::after {
  content: "\e911";
  font-size: 14px;
  font-family: "design_plus";
}

@media (max-width: 991px) {
  .p-pagetop a {
    height: 50px;
    line-height: 50px;
    width: 50px;
  }
  .p-pagetop.u-hidden-sm {
    display: none !important;
  }
  @media only print {
    .p-pagetop {
      display: none !important;
    }
  }
}


/* article title */

.p-article__title {
  word-break: break-all;
}


/* article meta */

.p-article__meta {
  color: #666;
  font-size: 12px;
  line-height: 1.8;
}

.p-article__meta::after {
  clear: both;
  content: "";
  display: table;
}

.p-article__meta a {
  color: #666;
}

.p-article__meta a:hover {
  color: #bbb;
}

.p-article__meta>* {
  float: left;
}

.p-article__meta>*::after {
  content: "|";
  display: inline-block;
  font-size: 10px;
  margin-left: 6px;
  margin-right: 6px;
  vertical-align: 1px;
}

.p-article__meta>*:last-child::after {
  display: none;
}

.p-article__meta::after {
  clear: both;
  content: "";
  display: table;
}


/* ad */

.p-ad {
  margin-bottom: 60px;
  margin-top: 60px;
  text-align: center;
}

.p-ad__item {
  display: inline-block;
}

.p-ad__item+.p-ad__item {
  margin-left: 30px;
}

.p-ad__item-code img {
  display: inline-block;
  max-width: none;
  width: auto;
}

.p-ad__item-image img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.p-ad__image img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

@media (min-width: 992px) and (max-width: 1140px) {
  .l-2columns .l-primary .p-ad {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .l-2columns .l-primary .p-ad__item {
    display: block;
    margin-bottom: 0;
  }
  .l-2columns .l-primary .p-ad__item+.p-ad__item {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (max-width: 991px) {
  .p-ad {
    margin-bottom: 0;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .p-ad {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .p-ad__item {
    display: block;
    margin-bottom: 0;
  }
  .p-ad__item+.p-ad__item {
    margin-left: 0;
    margin-top: 20px;
  }
}


/* author */

.p-author__box {
  background: #f3f3f3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-author__box-left {
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  text-align: center;
  padding: 38px 22px 28px;
}

.p-author__box-right {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 50px 40px 40px 0;
}

.p-author__thumbnail {
  border-radius: 50%;
  display: block;
  height: 100px;
  margin: 0 auto 14px;
  overflow: hidden;
  width: 100px;
  /* old webkit bug fix */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.p-author__thumbnail-inner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.p-author__name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}

.p-author__desc {
  font-size: 14px;
  line-height: 2.4;
  margin-bottom: -0.7em;
  margin-top: -0.7em;
}

.p-author__desc p+p {
  margin-top: 1.2em;
}

.p-author__box-right .p-social-nav {
  margin-top: 20px;
}

.p-author__box-right .p-social-nav__item {
  font-size: 14px;
}

.p-author {
  margin-bottom: 60px;
  position: relative;
}

.p-author-archive__headline {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 48px;
  margin-top: -0.4em;
  text-align: center;
}

@media (max-width: 991px) {
  .p-author__box {
    display: block;
  }
  .p-author__box-left {
    padding: 30px 32px 20px;
  }
  .p-author__box-right {
    padding: 0 32px 30px;
  }
  .p-author__name {
    font-size: 16px;
    margin-top: 14px;
  }
  .p-author__desc {
    font-size: 12px;
  }
  .p-author__box-right .p-social-nav {
    margin-top: 26px;
    text-align: center;
  }
  .p-author {
    margin-bottom: 40px;
    margin-top: -20px;
  }
  .p-author-archive__headline {
    font-size: 16px;
    margin-bottom: 34px;
  }
}


/* archive desc */

.p-archive-desc {
  line-height: 2.4;
  margin-bottom: 47px;
  margin-top: -0.7em;
}

.p-archive-desc-balloon {
  background: #000;
  color: #fff;
  margin-bottom: 60px;
  margin-top: 0;
  padding: 30px 42px;
  position: relative;
}

.p-archive-desc-balloon__inner.p-body {
  margin-top: 0 !important;
}

.p-archive-desc-balloon__triangle {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 17px 8px 0 8px;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  bottom: -16px;
  left: 46px;
}

@media (max-width: 991px) {
  .p-archive-desc {
    line-height: 2;
    margin-bottom: 28px;
  }
  .l-primary>.p-archive-desc:first-child {
    margin-top: -26px;
  }
  .p-archive-desc-balloon {
    margin-bottom: 35px;
    margin-top: 0;
    padding: 12px 20px;
  }
  .p-archive-desc-balloon__triangle {
    border-width: 13px 7px 0 7px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    bottom: -12px;
    left: 24px;
  }
}


/* button */

.p-button {
  background: #000!important;
  border: none;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  min-width: 240px;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
}

.p-button span {
  display: block;
}

.p-button span::after {
  content: "\e910";
  display: inline-block;
  font-family: "design_plus";
  margin-left: 6px;
  margin-right: -6px;
}

.p-rounded-button {
  border-radius: 30px;
}

.p-button.p-button--gray {
  background: #0c8094;
  color: #fff !important;
}


/* .p-button.p-button--gray { background: #ccc; color: #fff !important; } 修正*/

.p-button--white {
  background: transparent !important;
  border: none;
  color: #000 !important;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  min-width: 240px;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
}

.p-button--lg {
  min-width: 310px;
}

@media (max-width: 991px) {
  .p-button {
    height: 50px;
    line-height: 50px;
    min-width: 200px;
  }
  .p-rounded-button {
    border-radius: 25px;
  }
  .p-button--lg {
    min-width: 240px;
  }
}


/* copy button */

.p-single_copy_title_url {
  font-size: 14px;
  text-align: center;
}

.p-single_copy_title_url_btn {
  background: #fff;
  border: 3px solid #ccc;
  cursor: pointer;
  line-height: 54px;
  min-width: 300px;
  padding: 0 5px;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.p-single_copy_title_url_btn.copied {
  background: #ccc;
  color: #fff;
}

.p-single_copy_title_url_top {
  margin-bottom: 40px;
  margin-top: 35px;
}

.p-single_copy_title_url_bottom {
  margin-bottom: 50px;
  margin-top: 36px;
}

.c-share-btm+.p-single_copy_title_url_bottom {
  margin-top: -15px;
}

@media (max-width: 991px) {
  .p-single_copy_title_url {
    margin-bottom: 30px;
  }
  .p-single_copy_title_url_btn {
    border-width: 2px;
    font-size: 12px;
    line-height: 46px;
    min-width: 250px;
  }
  .p-single_copy_title_url_top {
    margin-bottom: 20px;
    margin-top: 0;
  }
  .p-single_copy_title_url_bottom {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .c-share-btm+.p-single_copy_title_url_bottom {
    margin-top: 20px;
  }
}


/* category */

.p-float-category {
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.p-float-category a,
.p-float-category>span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  max-height: 54px;
  min-width: 110px;
  overflow: hidden;
  padding: 7px 10px;
  text-align: center;
}

.p-float-category a:only-child,
.p-float-category>span:only-child {
  display: block;
}

.p-float-category__label {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.p-float-category a:hover .p-float-category__label,
a.p-float-category:hover .p-float-category__label {
  opacity: 0.5;
}

.p-highlight-category {
  margin: 0;
  position: absolute;
  top: -56px;
  left: -56px;
  z-index: 5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.p-highlight-category a,
.p-highlight-category span {
  color: #fff;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  height: 112px;
  overflow: hidden;
  padding: 70px 28px 0;
  text-align: center;
  width: 112px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 991px) {
  .p-float-category a,
  .p-float-category>span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 1.8;
    max-height: 50px;
    min-width: 110px;
    overflow: hidden;
    padding: 7px 10px;
    text-align: center;
  }
  .p-highlight-category {
    top: -46px;
    left: -46px;
  }
  .p-highlight-category a,
  .p-highlight-category span {
    font-size: 10px;
    height: 92px;
    padding: 56px 24px 0;
    width: 92px;
  }
}


/* headline */

.p-headline {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.p-headline02 {
  border-top: 3px solid #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 30px;
  padding-top: 30px;
  text-align: center;
  position: relative;
}

.p-headline .p-headline__link {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 35px;
}

.p-headline .p-headline__link::after {
  content: '\e910';
  font-family: 'design_plus';
  margin-left: 10px;
}

.p-subheadline {
  line-height: 1.8;
  margin-bottom: 16px;
  margin-top: -0.4em;
}

.p-headline+.p-subheadline {
  margin-top: -9px;
}

@media (max-width: 991px) {
  .p-headline {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .p-headline02 {
    border-top: 2px solid #000;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 15px;
    padding-top: 12px;
  }
}


/* page-links */

.p-page-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 26px;
  text-align: center;
}

.p-page-links a,
.p-page-links>span {
  border: 1px solid #ddd;
  background: #fff;
  display: inline-block;
  font-size: 14px;
  height: 45px;
  line-height: 43px;
  margin: 4px 5px 0 0;
  min-width: 45px;
  padding: 0 5px;
  text-align: center;
}

.p-page-links>span,
.p-page-links a:hover {
  background: #00bcbc;
  border-color: #00bcbc;
  color: #fff;
}

@media (max-width: 991px) {
  .p-page-links {
    margin-top: 16px;
  }
  .p-page-links a,
  .p-page-links>span {
    height: 40px;
    line-height: 38px;
    min-width: 40px;
  }
}


/* pager */

.p-pager {
  margin-top: 55px;
  text-align: center;
}

.p-pager__item {
  display: inline-block;
  margin: 5px 5px 0 0;
  vertical-align: top;
}

.p-pager__item a,
.p-pager__item span {
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  display: inline-block;
  font-size: 14px;
  height: 45px;
  line-height: 43px;
  min-width: 45px;
  padding: 0 5px;
  text-align: center;
}

.p-pager__item .current,
.p-pager__item a:hover {
  background: #00bcbc;
  border-color: #00bcbc;
  color: #fff;
}

.p-pager__item .prev,
.p-pager__item .next {
  font-family: "design_plus";
  font-size: 12px;
}

.p-pager-comments {
  margin-bottom: 30px;
  margin-top: 26px;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .p-pager {
    margin-top: 35px;
  }
  .p-pager__item a,
  .p-pager__item span {
    height: 40px;
    line-height: 38px;
    min-width: 40px;
  }
}


/* hover effect */

.p-hover-effect__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-property: -webkit-transform, transform, opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, transform, opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -ms-transition-property: -ms-transform, transform, opacity;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease;
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.p-hover-effect__bg {
  display: block;
  -webkit-transition: background 0.5s ease-in;
  -moz-transition: background 0.5s ease-in;
  -ms-transition: background 0.5s ease-in;
  transition: background 0.5s ease-in;
  overflow: hidden;
}

.p-hover-effect--type1.p-hover-effect__bg:hover,
.p-hover-effect--type1:hover .p-hover-effect__bg,
.p-hover-effect--type2.p-hover-effect__bg:hover,
.p-hover-effect--type2:hover .p-hover-effect__bg,
.p-hover-effect--type3.p-hover-effect__bg:hover,
.p-hover-effect--type3:hover .p-hover-effect__bg,
.p-hover-effect--type4.p-hover-effect__bg:hover,
.p-hover-effect--type4:hover .p-hover-effect__bg {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  transition-property: none;
}

.p-hover-effect--type1 .p-hover-effect__image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.p-hover-effect--type2 .p-hover-effect__image {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.p-hover-effect--type2:hover .p-hover-effect__image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.p-hover-effect--type3 .p-hover-effect__image {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.p-hover-effect--type4 .p-hover-effect__image {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.p-hover-effect--type4:hover .p-hover-effect__image {
  opacity: 0.5;
}


/* archive */

.p-archive {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-archive__item {
  position: relative;
}

.p-archive__item-anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.p-archive__item-thumbnail {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}

.p-archive__item-thumbnail__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-archive__item-info {
  background: #fff;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 26px 29px;
}

.p-archive__item-meta {
  margin-bottom: 4px;
  margin-top: -2px;
}

.p-archive__item-title {
  font-weight: 600;
  line-height: 1.8;
  max-height: 3.6em;
  overflow: hidden;
}

.p-archive__item-price {
  line-height: 1.8;
}

.no_post {
  padding: 100px 0;
  text-align: center;
}

@media (min-width: 992px) {
  .p-cb__item .p-archive__item,
  .l-primary:only-child .p-archive__item {
    margin-top: 23px;
    margin-right: 2%;
    width: 32%;
  }
  .p-cb__item .p-archive__item:nth-child(-n+3),
  .l-primary:only-child .p-archive__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .p-cb__item .p-archive__item:nth-child(3n),
  .l-primary:only-child .p-archive__item:nth-child(3n) {
    margin-right: 0;
  }
  .l-2columns .p-archive__item {
    margin-top: 23px;
    margin-right: 2.8%;
    width: 48.6%;
  }
  .l-2columns .p-archive__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .l-2columns .p-archive__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .p-archive__item {
    margin-top: 23px;
    margin-right: 2.8%;
    width: 48.6%;
  }
  .p-archive__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .p-archive__item:nth-child(2n) {
    margin-right: 0;
  }
  .no_post {
    padding: 50px 0;
    text-align: center;
  }
}

@media (max-width: 599px) {
  .p-archive__item {
    margin-top: 18px;
    width: 100%;
  }
  .p-archive__item:first-child {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .p-archive__item-info {
    padding: 14px 20px;
  }
  .p-archive__item-title {
    height: auto;
    max-height: 3.6em;
  }
  .p-archive__item-meta {
    margin-bottom: 4px;
    margin-top: 0;
  }
}


/* entry */

.p-entry {}

.p-entry> :last-child,
.p-entry__inner> :last-child {
  margin-bottom: 0;
}

.p-entry__meta {
  margin-bottom: 15px;
}

.p-entry__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: -0.25em;
  margin-top: -0.25em;
}

.p-entry__header--align-center {
  text-align: center;
}

.p-entry__thumbnail {
  margin-bottom: 34px;
  margin-top: 45px;
  position: relative;
}

.p-entry__thumbnail:first-child {
  margin-top: 0;
}

.p-entry__thumbnail img {
  display: block;
  height: 500px;
  object-fit: cover;
  width: 100%;
}

.p-body {
  line-height: 2.4;
}

.p-body> :last-child {
  margin-bottom: 0;
}

.p-body .p-ad__item-code img {
  max-width: none;
  width: auto;
}

.p-entry__body {
  margin-top: 34px;
}

.p-entry__share {
  margin-bottom: 40px;
  margin-top: 50px;
}

.p-entry__body~.p-entry__share {
  margin-bottom: 0;
  margin-top: 34px;
}

.p-entry__next-page {
  margin-top: 50px;
  text-align: center;
}

.p-entry__next-page__link {
  padding: 0 25px;
  position: relative;
}

.p-entry__next-page__link::after {
  content: '\e910';
  font-family: 'design_plus';
  position: absolute;
  right: 11px;
}

.p-entry__next-page__numbers {
  display: block;
  margin-top: 20px;
  text-align: center;
}

.p-entry__author {
  margin-top: 50px;
}

.p-entry__author .p-author__desc {
  max-height: 4.8em;
  overflow: hidden;
}

.p-entry__related {
  margin-top: 60px;
}

.p-entry__related-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-entry__related-item {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px 0;
}

.p-entry__related-item a {
  display: block;
  padding: 20px 24px 17px;
}

.p-entry__related-item__thumbnail {
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}

.p-entry__related-item__thumbnail-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-entry__related-item__title {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 19px;
  max-height: 5.4em;
  overflow: hidden;
}

@media (min-width: 992px) {
  .p-entry__inner {
    border: 1px solid #ddd;
    padding: 50px 38px;
  }
  .p-entry__nav .c-entry-nav__item--prev,
  .p-entry__nav .c-entry-nav__item--next {
    border-top: none;
  }
}

@media (min-width: 768px) {
  .p-entry__related-item {
    width: 33.3333%;
  }
  .p-entry__related-item:nth-child(-n+3) {
    border-top-width: 1px;
  }
  .p-entry__related-item:nth-child(3n+1) {
    border-left-width: 1px;
  }
}

@media (max-width: 991px) {
  .p-entry {
    margin-top: -20px;
  }
  .p-entry__meta {
    margin-bottom: 9px;
    margin-top: -0.4em;
  }
  .p-entry__title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: -0.2em;
    margin-top: -0.2em;
  }
  .p-entry__thumbnail {
    margin-bottom: 15px;
    margin-top: 16px;
  }
  .p-body {
    line-height: 2;
  }
  .p-entry__share {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .p-entry__body {
    margin-top: 15px;
  }
  .p-entry__body~.p-entry__share {
    margin-bottom: 0;
    margin-top: 30px;
  }
  .p-entry__next-page {
    margin-top: 40px;
  }
  .p-entry__author {
    margin-top: 40px;
  }
  .p-entry__author .p-author__desc {
    max-height: 7.2em;
  }
  .p-entry__nav {
    margin-top: 40px;
  }
  .p-entry__related {
    margin-top: 40px;
  }
  .p-entry__related-item a {
    padding: 14px 14px 10px;
  }
  .p-entry__related-item__title {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .p-entry__related-item {
    width: 50%;
  }
  .p-entry__related-item:nth-child(-n+2) {
    border-top-width: 1px;
  }
  .p-entry__related-item:nth-child(2n+1) {
    border-left-width: 1px;
  }
}


/* news */

.p-archive02 {}

.p-archive02__item {
  background: #fff;
  position: relative;
}

.p-archive02__item::before {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.p-archive02__item:first-child::before {
  border-top-width: 1px;
}

.p-archive02__item-anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.p-archive02__item-thumbnail {
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  height: 200px;
  overflow: hidden;
  width: 200px;
}

.p-archive02__item-thumbnail__image {
  height: 100%;
  width: 100%;
}

.p-archive02__item-info {
  padding: 20px 50px;
}

.p-archive02__item-meta {
  line-height: 1.2;
  margin-bottom: 10px;
}

.p-archive02__item-title {
  font-weigh: 700;
  line-height: 2;
  max-height: 4em;
  overflow: hidden;
}

.p-archive02__item-price {
  font-size: 14px;
  line-height: 1.7;
}

.p-recent-news {
  margin-top: 60px;
}

.p-recent-news .p-archive02 {
  margin-top: 18px;
}

.p-recent-news .p-archive02__item-thumbnail {
  -webkit-flex: 0 0 150px;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  height: 150px;
  width: 150px;
}

.p-recent-news .p-archive02__item-info {
  padding: 20px 40px;
}

@media (max-width: 991px) {
  .p-archive02__item-thumbnail,
  .p-recent-news .p-archive02__item-thumbnail {
    -webkit-flex: 0 0 109px;
    -ms-flex: 0 0 109px;
    flex: 0 0 109px;
    height: 109px;
    width: 109px;
  }
  .p-archive02__item-info,
  .p-recent-news .p-archive02__item-info {
    padding: 12px 20px;
  }
  .p-archive02__item-meta {
    margin-bottom: 6px;
  }
  .p-archive02__item-title {
    line-height: 1.5;
    max-height: 4.5em;
  }
  .p-archive02__item-price {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 1px;
  }
  .p-recent-news {
    margin-top: 40px;
  }
  .p-recent-news .p-archive02 {
    margin-top: 15px;
  }
  .p-recent-news .p-archive02__item-title {
    line-height: 1.6;
    max-height: 4.8em;
  }
}


/* page */

.p-entry-page__inner .p-entry-page__body:first-child {
  margin-top: 0;
}

@media (min-width: 992px) {
  .p-entry-page__inner {
    border: 1px solid #ddd;
    padding: 50px 40px;
  }
}


/* LP */

.p-lp-header {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.p-lp-header .p-header-content {
  min-height: 630px;
  padding: 40px 0;
  pointer-events: auto;
  position: relative;
}

.p-lp-header .p-header-content__inner {
  position: static;
  z-index: 4;
}

.p-header-content__logo {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 5;
}

.p-header-content__logo-mobile {
  display: none;
}

.p-header-content__arrow {
  content: '';
  display: block;
  line-height: 80px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  -webkit-animation: arrowBoundLoop 1s ease-in-out infinite;
  animation: arrowBoundLoop 1s ease-in-out infinite;
}

.p-header-content__arrow::before {
  content: '\e90e';
  font-family: 'design_plus';
  font-size: 24px;
}

.p-lp-header-type1 .p-header-content {
  height: 100vh;
  min-height: auto;
}

.l-header+.p-lp-header-type1 .p-header-content {
  height: calc(100vh - 140px);
}

.p-lp-header-type3::after {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 0 100px 100vw;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.p-lp-header-type4::after {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 100vw 100px 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.p-lp-header-type3 .p-header-content,
.p-lp-header-type4 .p-header-content {
  padding-bottom: 100px;
}

.p-lp-header-type5 .p-header-content {
  min-height: 200px;
}

.p-lp-header-type5 .p-header-content__catch+.p-header-content__desc {
  margin-top: -2px;
}

.p-lp-cb__item {
  max-width: 860px;
  margin: 0 auto 100px;
  width: 88.8888%;
}

.p-lp-cb__item-body> :last-child {
  margin-bottom: 0 !important;
}

.p-lp-cb__item .p-lp-cb__item-catch {
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: -0.3em;
  margin-top: -0.3em;
}

.p-lp-cb__item .p-lp-cb__item-body {
  line-height: 2.4;
  margin-bottom: -0.7em;
  margin-top: -0.7em;
}

.p-lp-cb__item-image__anchor {
  display: block;
}

.p-lp-cb__item--image_caption img {
  display: block;
  height: auto;
  width: 100%;
}

.p-lp-cb__item-caption {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  padding: 18.5px 20px;
}

.p-lp-cb__item .p-entry__cta {
  margin: 0;
}

.p-lp-cb__item--fullwidth {
  max-width: none;
  width: 100%;
}

.p-flex-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.p-flex-images__item {
  display: block;
  width: 100%;
}

.p-flex-images__item-type2 {
  width: 50%;
}

.p-flex-images__item-type3 {
  width: 33.3333%;
}

.p-flex-images__item img {
  display: block;
  height: auto;
  width: 100%;
}

dl.p-description-list {
  line-height: 2.2;
  margin: 0 !important;
  padding: 0 !important;
}

dl.p-description-list dt {
  font-size: 16px;
  margin: 2em 0 0 0 !important;
}

dl.p-description-list dt * {
  font-weight: 700;
}

dl.p-description-list>dt:first-child {
  margin-top: 0 !important;
}

dl.p-description-list dd {
  font-size: 14px;
  margin: 0 !important;
}

dl.p-description-list dd+dd {
  margin-top: 1.6em !important;
}

dl.p-description-list p {
  margin-bottom: 1.6em !important;
}

dl.p-description-list dt> :last-child,
dl.p-description-list dd> :last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 992px) {
  .l-main-lp-page .l-main__inner {
    padding-top: 100px;
  }
  .l-main-lp-page .l-main__inner.l-2columns {
    padding-top: 50px;
  }
  .l-main-lp-page .l-2columns .p-lp-page.l-primary {
    margin-top: 0;
  }
  .l-main-lp-page .l-2columns .l-primary .p-lp-page__inner {
    border: 1px solid #ddd;
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .l-main-lp-page .l-2columns .l-primary .p-lp-cb__item {
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
  }
  .l-main-lp-page .l-2columns .l-primary .p-lp-cb__item--fullwidth {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .p-lp-header .p-header-content {
    min-height: 420px;
    padding: 30px 0;
  }
  .p-header-content__logo {
    left: 22px;
    top: 22px;
  }
  .p-header-content__logo-pc {
    display: none;
  }
  .p-header-content__logo-mobile {
    display: block;
  }
  .p-header-content__arrow {
    line-height: 40px;
  }
  .p-header-content__arrow::before {
    font-size: 20px;
  }
  .p-lp-header-type1 .p-header-content {
    height: 100vh;
    min-height: auto;
  }
  .l-header+.p-lp-header-type1 .p-header-content {
    height: calc(100vh - 110px);
  }
  .p-lp-header-type3::after,
  .p-lp-header-type4::after {
    border-bottom-width: 10vw;
  }
  .p-lp-header-type3 .p-header-content,
  .p-lp-header-type4 .p-header-content {
    padding-bottom: 60px;
  }
  .p-lp-header-type5 .p-header-content {
    min-height: 140px;
  }
  .p-lp-header-type5 .p-header-content__catch+.p-header-content__desc {
    margin-top: 1px;
  }
  .l-main-lp-page .l-main__inner {
    max-width: none;
    width: 100%;
  }
  .l-main-lp-page .l-2columns .l-secondary {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888%;
  }
  .p-lp-cb__item {
    margin-bottom: 40px;
  }
  .p-lp-cb__item--image_caption+.p-lp-cb__item--wysiwyg {
    margin-top: 0;
  }
  .p-lp-cb__item-body {
    line-height: 2;
    margin-bottom: -0.5em;
    margin-top: -0.5em;
  }
  .p-lp-cb__item-caption {
    font-size: 18px;
    text-align: center;
    padding: 11.5px 14px;
  }
  dl.p-description-list dt {
    font-size: 14px;
  }
  dl.p-description-list dd {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .p-flex-images__item-mobile_fullwidth {
    width: 100%;
  }
  dl.p-description-list dt {
    margin-top: 15px !important;
  }
  dl.p-description-list dd+dd {
    margin-top: 15px !important;
  }
  dl.p-description-list p {
    margin-bottom: 15px !important;
  }
}

@-webkit-keyframes arrowBoundLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
}

@keyframes arrowBoundLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
}


/* 404 */

body.error404 .p-page-header__text {
  padding: 60px 0;
}

body.error404 .p-page-header__image .p-page-header__overlay {
  min-height: 480px;
}

@media (max-width: 991px) {
  body.error404 .p-page-header__text {
    padding: 40px 0;
  }
  body.error404 .p-page-header__image .p-page-header__overlay {
    min-height: 270px;
  }
}


/* page builder */

.pb_font_family_type2 {
  font-weight: 600;
}

.pb_font_family_type3 {
  font-weight: 500;
}


/* oEmbed */

.p-embed-container {
  height: auto;
  margin: 0 0 50px;
  max-width: 100%;
}

.p-embed-container--youtube {
  height: 0;
  overflow: hidden;
  padding-top: 66.66%;
  position: relative;
  width: 100%;
}

.p-embed-container--youtube iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.p-embed-container--twitter>*,
.p-embed-container--instagram iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 992px) {
  .p-embed-container--youtube {
    padding-top: 56.25%;
  }
}

@media (max-width: 991px) {
  .p-embed-container {
    margin-bottom: 30px;
  }
}


/* footer list */

.p-footer-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-footer-list__item {
  overflow: hidden;
  position: relative;
  width: 16.6666%;
}

.p-footer-list__item-thumbnail {
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}

.p-footer-list__item-thumbnail::after {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  display: block;
  position: absolute;
  bottom: -0.1px;
  left: 0;
  right: -1px;
  top: 0;
  z-index: 2;
}

.p-footer-list__item-thumbnail__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-footer-list__item-info {
  position: absolute;
  bottom: 9.2%;
  left: 12%;
  right: 12%;
  z-index: 3;
}

.p-footer-list__item-info .p-footer-list__item-title {
  color: #fff;
  line-height: 1.8;
  max-height: 5.4em;
  overflow: hidden;
}

.p-footer-list__item-info .p-footer-list__item-meta {
  color: #fff;
  margin-top: 3px;
}

@media (max-width: 767px) {
  .p-footer-list__item {
    width: 33.3333%;
  }
  .p-footer-list__item-info {
    position: absolute;
    bottom: 12px;
    left: 20px;
    right: 20px;
  }
}


/* footer instagram */

.p-footer-instagram__headline {
  background: #000;
  height: 60px;
  overflow: hidden;
  text-align: center;
}

.p-footer-instagram__headline a {
  color: #fff;
  line-height: 60px;
}

.p-footer-instagram__headline a:before {
  content: "\ea92";
  font-family: 'design_plus';
  margin-right: 10px;
}

.p-footer-instagram__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-footer-instagram__item {
  overflow: hidden;
  position: relative;
  width: 16.6666%;
}

.p-footer-instagram__item-thumbnail {
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}

.p-footer-instagram__item-thumbnail__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

@media (max-width: 991px) {
  .p-footer-instagram__headline {
    height: 50px;
  }
  .p-footer-instagram__headline a {
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .p-footer-instagram__item {
    width: 33.3333%;
  }
}


/* Smash Balloon Social Photo Feed */

#sb_instagram {
  padding: 0 !important;
}

#sb_instagram a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-property: -webkit-transform, transform, opacity;
  -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, transform, opacity;
  -moz-transition-duration: .5s;
  -moz-transition-timing-function: ease;
  -ms-transition-property: -ms-transform, transform, opacity;
  -ms-transition-duration: .5s;
  -ms-transition-timing-function: ease;
  transition-property: transform, opacity;
  transition-duration: .5s;
  transition-timing-function: ease
}

#sb_instagram .sb_instagram_header {
  display: none;
}

#sb_instagram #sbi_images {
  padding: 0 !important;
}

#sb_instagram #sbi_load {
  display: none;
}

@media (max-width: 767px) {
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 33.3333% !important;
  }
}


/* cta */

.p-entry__cta {
  margin: 50px 0;
  position: relative;
}

.p-entry__cta-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-entry__cta-catch {
  font-weight: 700;
  line-height: 2.4;
  margin: -0.7em 0;
}

.p-entry__cta-catch p {
  font-weight: inherit;
  margin-bottom: 0 !important;
}

.p-entry__cta-catch>*+* {
  margin-top: 1.4em;
}

.p-entry__cta-catch> :last-child {
  margin-bottom: 0 !important;
}

.p-entry__cta-button {
  font-weight: 700;
}

.p-entry__cta-catch+.p-entry__cta-button {
  margin-top: 2em;
}

.p-entry__cta--type1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-entry__cta--type1 .p-entry__cta-image {
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  padding-top: 50%;
}

.p-entry__cta--type1 .p-entry__cta-info {
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px;
}

.p-entry__cta--type1-type2 .p-entry__cta-image {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}

.p-entry__cta--type1 .p-entry__cta-button {
  min-width: auto;
  width: 100%;
}

.p-entry__cta--type2 .p-entry__cta-image {
  padding-top: 25%;
}

.p-entry__cta--type2 .p-entry__cta-info {
  border: 1px solid #ddd;
  text-align: center;
  padding: 50px 30px;
}

.p-entry__cta--type2 .p-entry__cta-image+.p-entry__cta-info {
  border-top: none;
}

.p-entry__cta--type2 .p-entry__cta-button {
  margin-bottom: -12px;
}

.p-entry__cta--type2 .p-entry__cta-catch+.p-entry__cta-button {
  margin-top: 48px;
}

.p-entry__cta--type3 .p-entry__cta-image {
  padding-top: 50%;
}

.p-entry__cta--type3 .p-entry__cta-overlay {
  content: '';
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-entry__cta--type3 .p-entry__cta-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 100%;
  overflow: hidden;
  padding: 0 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.p-entry__cta--type3 .p-entry__cta-info {
  text-align: center;
}

@media (max-width: 991px) {
  .p-entry__cta {
    margin: 40px 0;
  }
  .p-entry__cta-catch {
    line-height: 2;
  }
  .p-entry__cta-catch>*+* {
    margin-top: 1em;
  }
  .p-entry__cta--type1 .p-entry__cta-info {
    padding: 30px;
  }
  .p-entry__cta--type2 .p-entry__cta-info {
    padding: 30px 20px;
  }
  .p-entry__cta--type2 .p-entry__cta-catch+.p-entry__cta-button {
    margin-top: 28px;
  }
}

@media (max-width: 767px) {
  .p-entry__cta--type1 {
    display: block;
  }
  .p-entry__cta--type1 .p-entry__cta-image {
    padding-top: 100%;
  }
  .p-entry__cta--type2 .p-entry__cta-image {
    padding-top: 50%;
  }
  .p-entry__cta--type3 .p-entry__cta-image {
    padding-top: 100%;
  }
}


/* footer cta */

.p-footer-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.p-footer-cta.is-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

.p-footer-cta__catch {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
  margin: 10px 40px;
}

.p-footer-cta__catch p {
  font-weight: inherit;
}

.p-footer-cta__button-wrapper {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 20px 10px;
}

.p-footer-cta__button {
  display: block;
}

.p-footer-cta__button em {
  font-style: normal;
  font-weight: 700;
}

.p-footer-cta__close {
  margin: 0 10px;
  text-align: center;
  width: 40px;
}

.p-footer-cta__close::before {
  content: "\e91a";
  font-family: "design_plus";
  font-size: 20px;
  line-height: 40px;
}

.p-footer-cta--type3 .p-footer-cta__image {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  -webkit-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

.p-footer-cta--type3 .p-footer-cta__bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-footer-cta--type3 .p-footer-cta__bg-inner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.p-footer-cta--type3 .p-footer-cta__overlay {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.p-footer-cta--type3 .p-footer-cta__catch {
  position: relative;
  z-index: 3;
}

.p-footer-cta--type3 .has-edge-angle {
  overflow: hidden;
}

@media (min-width: 992px) {
  .p-footer-cta--type3 .p-footer-cta__button-wrapper {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
  }
  .p-footer-cta--type3 .p-footer-cta__button {
    display: inline-block;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .p-footer-cta {
    min-height: 60px;
  }
  .p-footer-cta__catch {
    font-size: 16px;
    margin: 10px 66px 10px 22px;
  }
  .p-footer-cta__button-wrapper {
    margin: 0;
  }
  .p-footer-cta__button {
    background: none !important;
    height: auto;
    min-width: auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 40px;
    top: 0;
    z-index: 4;
  }
  .p-footer-cta__button::after {
    content: "\e910";
    display: block;
    font-family: "design_plus";
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: -0.5em;
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: 50%;
  }
  .p-footer-cta__button em {
    display: none;
  }
  div.p-footer-cta__button {
    display: none;
  }
  .p-footer-cta__close {
    margin: 0;
  }
  .p-footer-cta__close::before {
    font-size: 16px;
  }
  .p-footer-cta--type3 .p-footer-cta__image {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .p-footer-cta--type3 .has-edge-angle,
  .p-footer-cta--type3 .has-edge-angle__inner {
    transform: none !important;
  }
  .p-footer-cta--type3 .p-footer-cta__close {
    margin: -20px 0 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 3;
  }
}


/* modal cta */

.p-modal-cta {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99998;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.p-modal-cta.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-modal-cta__inner {
  margin: 30px;
  max-height: 80%;
  max-height: 80vh;
  max-width: 80%;
  position: relative;
}

.p-modal-cta__contents {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.p-modal-cta__image-anchor {
  display: block;
}

.p-modal-cta__image {
  display: block;
}

.p-modal-cta__image img {
  display: block;
  height: auto;
  width: 100%;
}

.p-modal-cta__catch {
  font-weight: 700;
  line-height: 1.5;
  margin: -0.25em 0;
}

.p-modal-cta__desc {
  line-height: 2;
  margin: -0.5em 0;
}

.p-modal-cta__catch+.p-modal-cta__desc {
  margin-top: 12px;
}

.p-modal-cta__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 100%;
  overflow: hidden;
  padding: 0 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.p-modal-cta--type2 .p-modal-cta__contents,
.p-modal-cta--type3 .p-modal-cta__contents {
  max-width: 100%;
  overflow: visible;
  width: 750px;
}

.p-modal-cta__contents--video video {
  height: auto;
  max-height: 80vh;
  width: 100%;
}

.p-modal-cta__contents--youtube__inner {
  padding-top: 56.25%;
  position: relative;
}

.p-modal-cta__contents--youtube__inner iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.p-modal-cta--type4 .p-body {
  padding: 30px 50px;
}

.p-modal-cta__close {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  font-family: 'design_plus';
  line-height: 30px;
  padding: 0;
  text-align: center;
  width: 30px;
  position: absolute;
  right: -28px;
  top: -25px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  opacity: -ms-transform 0.2s ease;
  transition: opacity 0.2s ease;
}

.p-modal-cta__close:hover {
  opacity: 0.6;
}

@media (max-width: 991px) {
  .p-modal-cta__inner {
    margin: 30px 22px 22px;
    max-height: calc(100vh - 52px);
    max-width: calc(100% - 44px);
  }
  .p-modal-cta__close {
    right: -7px;
    top: -30px;
  }
  .p-modal-cta__info {
    padding: 30px 22px;
  }
  .p-modal-cta__catch {
    line-height: 1.2;
    margin: -0.1em 0;
  }
  .p-modal-cta--type4 .p-body {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .p-modal-cta--type1 .p-modal-cta__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
  }
}

@media (min-width: 782px) {
  body.admin-bar .p-modal-cta {
    top: 32px;
  }
}

@media (max-width: 782px) {
  body.admin-bar .p-modal-cta {
    top: 0;
  }
}


/* header contents */

.p-header-content__image {
  display: block;
}

.p-header-content__image img {
  display: block;
  height: auto;
  width: 100%;
}

.p-header-content,
.p-header-content__overlay {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.p-header-content__overlay {
  z-index: 2;
}

.p-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  text-align: center;
  user-select: none;
  z-index: 3;
}

.p-header-content__inner {
  max-height: 600px;
}

.p-header-content__catch {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
}

.p-header-content__desc {
  color: #fff;
  font-size: 16px;
  line-height: 2.4;
}

.p-header-content__button {
  pointer-events: auto;
}

.p-header-content *+.p-header-content__desc {
  margin-top: 10px;
}

.p-header-content *+.p-header-content__button {
  margin-top: 18px;
}

.p-header-content__align--type1 {
  text-align: left;
}

.p-header-content__align--type2 {
  text-align: center;
}

.p-header-content__align--type3 {
  text-align: right;
}

@media (max-width: 992px) {
  .p-header-content__catch {
    font-size: 20px!important;
  }
  .p-header-content__desc {
    font-size: 14px;
    line-height: 2;
  }
  .p-header-content *+.p-header-content__desc {
    margin-top: 8px;
  }
  .p-header-content *+.p-header-content__button {
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  .p-header-content__inner {
    max-height: 420px;
  }
}


/* header video */

.p-header-video {
  height: 600px;
  overflow: hidden;
  position: relative;
}

.p-header-content__video {
  display: block;
  height: 100%;
  width: 100%;
}

.p-header-content__video-video {
  object-fit: cover;
}

.p-header-content__video-youtube {
  display: block;
  pointer-events: none;
  position: relative;
}

@media (max-width: 767px) {
  .p-header-video {
    height: 420px;
  }
}


/* header slider */

.p-header-slider {
  margin-top: -80px;
}

.p-header-slider__item {
  overflow: hidden;
  position: relative;
}

.p-header-slider__item:nth-child(n+2) {
  display: none;
}

.slick-initialized .p-header-slider__item:nth-child(n+2) {
  display: block;
}

.p-header-content__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 900px;
}

@media (min-width: 992px) {
  .p-header-slider .slick-dots {
    bottom: 27px;
  }
}

@media (max-width: 767px) {
  .p-header-content__image {
    height: 420px;
  }
}


/* header content transition */

.p-header-slider .p-header-content__inner>*,
.p-header-video .p-header-content__inner>*,
.p-page-header__image .p-page-header__inner>*,
.p-lp-header .p-header-content__inner>* {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.p-header-slider__item.is-active .p-header-content__inner>*,
.p-header-video.is-active .p-header-content__inner>*,
.p-page-header__image.is-active .p-page-header__inner>*,
.p-lp-header.is-active .p-header-content__inner>* {
  opacity: 1;
  -webkit-transition-duration: 0.75s;
  -moz-transition-duration: 0.75s;
  -ms-transition-duration: 0.75s;
  transition-duration: 0.75s;
}

.p-header-slider__item.is-active .p-header-content__inner>*:nth-child(1),
.p-header-video.is-active .p-header-content__inner>*:nth-child(1),
.p-page-header__image.is-active .p-page-header__inner>*:nth-child(1),
.p-lp-header.is-active .p-header-content__inner>*:nth-child(1) {
  -webkit-transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -ms-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.p-header-slider__item.is-active .p-header-content__inner>*:nth-child(2),
.p-header-video.is-active .p-header-content__inner>*:nth-child(2),
.p-page-header__image.is-active .p-page-header__inner>*:nth-child(2),
.p-lp-header.is-active .p-header-content__inner>*:nth-child(2) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  transition-delay: 1s;
}

.p-header-slider__item.is-active .p-header-content__inner>*:nth-child(3),
.p-header-video.is-active .p-header-content__inner>*:nth-child(3),
.p-page-header__image.is-active .p-page-header__inner>*:nth-child(3),
.p-lp-header.is-active .p-header-content__inner>*:nth-child(3) {
  -webkit-transition-delay: 1.25s;
  -moz-transition-delay: 1.25s;
  -ms-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

.p-header-slider__item.is-active .p-header-content__inner>*:nth-child(4),
.p-header-video.is-active .p-header-content__inner>*:nth-child(4),
.p-page-header__image.is-active .p-page-header__inner>*:nth-child(4),
.p-lp-header.is-active .p-header-content__inner>*:nth-child(4) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  transition-delay: 2s;
}


/* header carousel */

.p-header-carousel {
  background: #eee;
  overflow: hidden;
}

.p-header-carousel__inner {
  margin: 0 -30px;
}

.p-header-carousel__inner .slick-list {
  clip-path: inset(0 30px 0 30px);
}

.p-header-carousel__item {}

.p-header-carousel__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 30px;
  overflow: hidden;
}

.p-header-carousel__item-thumbnail {
  border-radius: 50%;
  -webkit-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  overflow: hidden;
  padding-top: 70px;
  position: relative;
  width: 70px;
  /* old webkit bug fix */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.p-header-carousel__item-thumbnail__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-header-carousel__item-info {
  padding-left: 28px;
  width: calc(100% - 70px);
}

.p-header-carousel__item-title {
  font-size: 14px;
  line-height: 2;
  overflow: hidden;
}

.p-header-carousel__item-meta {
  color: inherit !important;
  font-size: 12px;
  line-height: 1.8;
  margin: 0;
}

.p-header-carousel__item-meta .p-article__price .p-article__soldout {
  display: block;
  margin-left: 0;
  margin-top: 4px;
}

.p-header-carousel .slick-prev {
  left: -20px;
}

.p-header-carousel .slick-next {
  right: -20px;
}

@media (min-width: 768px) {
  .p-header-carousel__item {
    border-right: 1px solid transparent;
  }
  .p-header-carousel__item.slick-current {
    border-right-color: #fff;
  }
  .p-header-carousel__item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .p-header-carousel__inner {
    margin: 0;
  }
  .p-header-carousel__inner .slick-list {
    clip-path: none;
  }
  .p-header-carousel__item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p-header-carousel__item-info {
    padding-left: 22px;
  }
  .p-header-carousel__item-title {
    font-size: 12px;
    height: 4em;
  }
}


/* contents builder */

.p-cb__item {
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
}

.p-cb__item:last-child {
  padding-bottom: 150px;
}

.p-cb__item.no-bg+.p-cb__item.no-bg {
  margin-top: -100px
}

.p-cb__item.has-bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-cb__item.has-bg-image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.p-cb__item.has-bg-image>* {
  z-index: 2;
}

.p-cb__item-headline {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
  margin: -0.2em 0;
  text-align: center;
}

.p-cb__item-subheadline {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  margin: -0.4em 0;
  text-align: center;
}

.p-cb__item-desc {
  font-size: 16px;
  line-height: 2.4;
  margin: -0.7em 0;
  text-align: center;
}

.p-cb__item-headline+.p-cb__item-subheadline {
  margin-top: 10px;
}

.p-cb__item-headline+.p-cb__item-desc {
  margin-top: 49px;
}

.p-cb__item-subheadline+.p-cb__item-desc {
  margin-top: 48px;
}

.p-cb__item *+.p-cb__item-content {
  margin-top: 60px;
}

.p-cb__item-button__wrapper {
  margin-bottom: -3px;
  margin-top: 55px;
  text-align: center;
}

@media (min-width: 992px) {
  .p-cb__item .p-archive02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-cb__item .p-archive02__item {
    width: 50%;
  }
  .p-cb__item .p-archive02__item a {
    height: 100%;
  }
  .p-cb__item .p-archive02__item-thumbnail {
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    height: 150px;
    width: 150px;
  }
  .p-cb__item .p-archive02__item:nth-child(-n+2)::before {
    border-top-width: 1px;
  }
  .p-cb__item .p-archive02__item:nth-child(2n+1)::before {
    border-right-width: 0;
  }
  .p-cb__item .p-archive02__item:last-child::before {
    border-right-width: 1px;
  }
}

@media (max-width: 991px) {
  .p-cb__item {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .p-cb__item:last-child {
    padding-bottom: 40px;
  }
  .p-cb__item.no-bg+.p-cb__item.no-bg {
    margin-top: -40px
  }
  .p-cb__item-headline {
    font-size: 26px;
  }
  .p-cb__item-subheadline {
    font-size: 14px;
  }
  .p-cb__item-desc {
    font-size: 14px;
    line-height: 2;
    margin: -0.5em 0;
  }
  .p-cb__item-headline+.p-cb__item-subheadline {
    margin-top: 8px;
  }
  .p-cb__item-headline+.p-cb__item-desc {
    margin-top: 35px;
  }
  .p-cb__item-subheadline+.p-cb__item-desc {
    margin-top: 35px;
  }
  .p-cb__item *+.p-cb__item-content {
    margin-top: 40px;
  }
  .p-cb__item-button__wrapper {
    margin-top: 40px;
  }
}


/* 8blocks */

.p-cb-blocks {}

.p-cb-blocks__item {
  height: 270px;
  overflow: hidden;
  position: relative;
  width: 270px;
}

.p-cb-blocks__item a,
.p-cb-blocks__image,
.p-cb-blocks__image-inner {
  display: block;
  height: 100%;
  width: 100%;
}

.p-cb-blocks__image-inner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-cb-blocks__info {
  color: #fff;
  max-height: 100%;
  overflow: hidden;
  padding: 25px 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
}

.p-cb-blocks__info--type1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.p-cb-blocks__info--type2,
.p-cb-blocks__info--type3 {
  bottom: auto;
}

.p-cb-blocks__info--type4,
.p-cb-blocks__info--type5 {
  top: auto;
}

.p-cb-blocks__info--type2,
.p-cb-blocks__info--type4 {
  text-align: left;
}

.p-cb-blocks__info--type3,
.p-cb-blocks__info--type5 {
  text-align: right;
}

.p-cb-blocks__catch {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: -0.1em;
  margin-top: -0.1em;
}

.p-cb-blocks__desc {
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: -0.35em;
  margin-top: -0.35em;
}

.p-cb-blocks__catch+.p-cb-blocks__desc {
  margin-top: 6px;
}

.p-cb-blocks__image--overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

@media (max-width: 991px) {
  .p-cb-blocks__info {
    padding: 14px 20px;
  }
  .p-cb-blocks__catch {
    font-size: 24px;
  }
  .p-cb-blocks__desc {
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: -0.4em;
    margin-top: -0.4em;
  }
  .p-cb-blocks__catch+.p-cb-blocks__desc {
    margin-top: 4px;
  }
}


/* widget */

.p-widget {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 50px;
}

.p-widget:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .p-widget {
    margin-bottom: 40px;
  }
}


/* widget title */

.p-widget__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-bottom: 16px;
  margin-top: -0.155em;
  position: relative;
}

.p-widget .p-widget__title img {
  display: inline-block;
  margin-right: 5px;
}


/* default widget */

.p-widget p {
  margin-bottom: 0.4em;
}

.p-widget ul {
  margin-bottom: -0.4em;
}

.p-widget li {
  margin-bottom: 0.4em;
}

.p-widget ul ul {
  margin-bottom: 0.4em;
  margin-top: 0.4em;
  padding-left: 0.75em;
}

.p-widget img {
  display: block;
  height: auto;
  max-width: 100%;
}

.p-widget select {
  display: block;
  padding: 16px 12px;
  width: 100%;
}

.p-widget .screen-reader-text {
  display: none;
}

.p-widget .calendar_wrap {
  text-align: center;
}

.p-widget .calendar_wrap caption {
  margin-bottom: 8px;
}

.p-widget .searchform {
  position: relative;
}

.p-widget .searchform #s {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 0;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.p-widget .searchform #searchsubmit {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-left: none;
  border-radius: 0;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  font-family: "design_plus";
  font-size: 18px;
  height: 50px;
  padding: 0;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.p-widget .searchform #searchsubmit:hover {
  color: #999;
}


/* widget ad */

.tcdw_ad_widget-code img {
  display: inline-block;
  max-width: none;
}

.tcdw_ad_widget-image img {
  margin: 0 auto;
}


/* widget banner */

.p-widget-banner {
  position: relative;
}

.p-widget-banner+.p-widget-banner {
  margin-top: 10px;
}

.p-widget-banner__info {
  color: #fff;
  max-height: 100%;
  overflow: hidden;
  padding: 20px 22px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
}

.p-widget-banner__info--type1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.p-widget-banner__info--type2,
.p-widget-banner__info--type3 {
  bottom: auto;
}

.p-widget-banner__info--type4,
.p-widget-banner__info--type5 {
  top: auto;
}

.p-widget-banner__info--type2,
.p-widget-banner__info--type4 {
  text-align: left;
}

.p-widget-banner__info--type3,
.p-widget-banner__info--type5 {
  text-align: right;
}

.p-widget-banner__catch {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: -0.1em;
  margin-top: -0.1em;
}

.p-widget-banner__desc {
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: -0.35em;
  margin-top: -0.35em;
}

.p-widget-banner__catch+.p-widget-banner__desc {
  margin-top: 7px;
}

.p-widget-banner__image img {
  display: block;
  height: auto;
  width: 100%;
}

.p-widget-banner__image--overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

@media (max-width: 991px) {
  .p-widget-banner__info {
    padding: 20px 17px;
  }
  .p-widget-banner__catch {
    font-size: 24px;
  }
  .p-widget-banner__desc {
    font-size: 12px;
  }
  .p-widget-banner__catch+.p-widget-banner__desc {
    margin-top: 3px;
  }
}


/* widget categories */

.p-widget-categories {
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  margin: 0 !important;
  padding: 0;
}

.p-widget-categories li {
  border-top: 1px solid #ddd;
  margin: 0 !important;
}

.p-widget-categories li a {
  color: #000;
  display: block;
  line-height: 1.31;
  padding: 20px 22px;
  text-decoration: none;
}

.p-widget-categories li a:hover {
  background: #f5f5f5;
  color: #000;
}

.p-widget-categories .has-children {
  position: relative;
}

.p-widget-categories .has-children>a {
  padding-right: 32px;
}

.p-widget-categories .has-children .toggle-children {
  cursor: pointer;
  display: block;
  line-height: 58px;
  padding-right: 15px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
}

.p-widget-categories .has-children .toggle-children::before {
  content: '\e90e';
  font-family: "design_plus";
  opacity: 0.7;
}

.p-widget-categories .has-children.is-active>.toggle-children {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.p-widget-categories .children {
  margin: 0 !important;
  padding: 0 !important;
}

.p-widget-categories .children a {
  background: #f5f5f5;
  padding-left: 36px;
}

.p-widget-categories .children .children a {
  padding-left: 50px;
}

.p-widget-categories .children .children .children a {
  padding-left: 64px;
}

.p-widget-categories .children .children .children .children a {
  padding-left: 78px;
}

.p-widget-categories .children .children .children .children .children a {
  padding-left: 92px;
}

@media (max-width: 991px) {
  .p-widget-categories li a {
    padding: 15px 22px;
  }
}


/* widget dropdown */

.p-dropdown__title {
  border: 1px solid #ddd;
  background: #fff;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  padding: 0 22px;
  position: relative;
}

.p-dropdown__title::before {
  content: "\e90e";
  font-family: "design_plus";
  position: absolute;
  right: 17px;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
}

.p-dropdown__title:hover {
  cursor: pointer;
}

.p-dropdown__title.is-active::after {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.p-dropdown__list {
  background: #fff;
  display: none;
}

.p-dropdown__list li {
  border: 1px solid #ddd;
  border-top: 0;
  margin: 0 !important;
}

.p-dropdown__list li a {
  display: block;
  line-height: 1.31;
  padding: 15px 22px;
}

.p-dropdown__list li a:hover {
  background: #f5f5f5;
  color: #000;
}


/* widget post list */

.p-widget-list {
  margin: 0 !important;
}

.p-widget-list__item {
  margin: 0 !important;
  position: relative;
}

.p-widget-list__item::after {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

.p-widget-list__item:first-child::after {
  border-top-width: 1px;
}

.p-widget-list__item-anchor {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.p-widget-list__item-thumbnail {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 100px;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}

.p-widget-list__item-thumbnail__image {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.p-widget-list__item-info {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-height: 100px;
  overflow: hidden;
  padding: 0 17px 0 20px;
}

.p-widget-list__item-title {
  line-height: 1.8;
  max-height: 5.4em;
  overflow: hidden;
}

.has-meta .p-widget-list__item-title {
  max-height: 3.6em;
}

.p-widget-list__item .p-float-category span {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 100px;
  width: 100px;
}

.p-widget-list02 .p-widget-list__item {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  content: '';
}

.p-widget-list02 .p-widget-list__item::after {
  display: none;
}

.p-widget-list02 .p-widget-list__item:first-child {
  border-top-width: 1px;
}

.p-widget-list02 .p-widget-list__item-anchor {
  padding: 14px;
}

.p-widget-list02 .p-widget-list__item-thumbnail {
  border-radius: 50%;
  height: 70px;
  overflow: hidden;
  position: relative;
  width: 70px;
  -webkit-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  /* old webkit bug fix */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.p-widget-list02 .p-widget-list__item-info {
  padding: 0 0 0 18px;
}


/* widget slider */

.p-widget-slider {
  margin: 0 !important;
  position: relative;
}

.p-widget-slider::before {
  border: 1px solid #ddd;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

.p-widget-slider__item {
  margin: 0 !important;
  padding: 0;
  position: relative;
}

.p-widget-slider__item:nth-child(n+2) {
  display: none;
}

.slick-initialized .p-widget-slider__item:nth-child(n+2) {
  display: block;
}

.p-widget-slider__item-thumbnail {
  overflow: hidden;
  padding-top: 60%;
  position: relative;
}

.p-widget-slider__item-thumbnail__image {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.p-widget-slider__item-title {
  line-height: 1.8;
  margin: 14px 0;
  max-height: 5.4em;
  overflow: hidden;
  padding: 0 22px;
}

.p-widget-slider .p-widget-slider__item-meta {
  line-height: 1.8;
  margin: -14px 0 14px;
  padding: 0 22px;
}

.p-widget-slider .slick-dots {
  bottom: 48px;
  height: 10px;
  margin: 0 0 15px !important;
  padding: 0 !important;
}

.p-widget-slider .slick-dots li {
  height: 10px;
  margin: 0 3.5px;
  width: 10px;
}

.p-widget-slider .slick-dots li button {
  height: 10px;
  width: 10px;
}


/* widget search */

.p-widget-search {
  position: relative;
}

.p-widget-search .p-widget-search__input {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 0;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.p-widget-search .p-widget-search__submit {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-left: none;
  border-radius: 0;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  font-family: "design_plus";
  font-size: 18px;
  height: 50px;
  padding: 0;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
}

.p-widget-search .p-widget-search__submit:hover {
  color: #999;
}


/* drawer widget area */

@media (min-width: 992px) {
  .p-widget-drawer {
    display: none;
  }
}

@media (max-width: 991px) {
  .p-widget-drawer {
    margin: 30px 20px;
  }
  .p-widget-drawer+.p-widget-drawer {
    margin-top: 0;
  }
}


/* ios form */

@media (-webkit-min-device-pixel-ratio: 2) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="number"],
  textarea {
    font-size: 16px !important;
  }
}


/**
 * Welcart, Woo Commcomerce style
 */


/* like icon */

.p-article-like {
  color: #00bcbc;
  font-size: 16px;
}

.p-article-like::before {
  cursor: pointer;
  content: "\f08a";
  font-family: "design_plus";
}

.p-article-like.is-liked::before {
  content: "\f004";
}

@media (max-width: 991px) {
  .p-article-like {
    font-size: 14px;
  }
}


/* price */

.p-price {
  font-weight: 500;
}

.p-article__price {
  font-weight: 500;
}

.tax {
  font-size: 85.7%;
  font-style: normal;
  font-weight: 300;
}

.p-article__soldout {
  display: inline-block;
  color: #d90000;
}

.p-highlight-category .p-article__soldout {
  background: #000;
  color: #fff;
}


/* product archive */

.p-archive03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-archive03__item {
  overflow: hidden;
  position: relative;
}

.p-archive03__item-thumbnail {
  padding-top: 128%;
  overflow: hidden;
  position: relative;
}

.p-archive03__item-thumbnail__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-archive03__item-thumbnail__image2 {
  position: absolute;
  bottom: -100.5%;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
}

.p-archive03__item-thumbnail .p-article__author {
  position: absolute;
  bottom: 4%;
  left: 5.73%;
  right: 10px;
  z-index: 2;
}

.p-archive03__item-info {
  margin-top: 15px;
  margin-bottom: -0.4em;
  font-size: 14px;
  line-height: 1.8;
}

.p-archive03__item-meta {
  margin-bottom: 3px;
}

.p-archive03__item-title {
  font-weight: 700;
  max-height: 3.6em;
  overflow: hidden;
}

.p-archive03__item-price {
  margin-top: 3px;
}

.p-archive03__item-like {
  opacity: 0;
  position: absolute;
  right: 16px;
  bottom: 15px;
  z-index: 5;
  -webkit-transition: opacity 0.35s ease-out;
  -moz-transition: opacity 0.35s ease-out;
  -ms-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
}

.p-archive03__item-message {
  background: rgba(255, 255, 255, 0.7);
  color: #000;
  font-size: 80%;
  line-height: 1.8;
  padding: 10px 14px;
  position: absolute;
  left: 10%;
  right: 10%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-archive03__item:hover .p-archive03__item-like {
  opacity: 1;
}

.p-archive03__item-rank {
  background: #bbb;
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0 5px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}

.p-archive03__item-rank--1 {
  background: #c9b66d;
}

.p-archive03__item-rank--2 {
  background: #a1a1a1;
}

.p-archive03__item-rank--3 {
  background: #a78361;
}

.p-pager__num span {
  min-width: 80px;
}

.p-hover-effect--item2image .p-hover-effect__image {
  -webkit-transition-property: -webkit-transform, transform;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.220, 1);
  -moz-transition-property: -moz-transform, transform;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.220, 1);
  -ms-transition-property: -ms-transform, transform;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.220, 1);
  transition-property: transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.220, 1);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.p-hover-effect--item2image:hover .p-hover-effect__image {
  -webkit-transform: translate3d(0, -100.5%, 0);
  -moz-transform: translate3d(0, -100.5%, 0);
  -ms-transform: translate3d(0, -100.5%, 0);
  transform: translate3d(0, -100.5%, 0);
}

.p-entry-page+.p-archive03 {
  margin-top: 50px;
}

@media (min-width: 992px) {
  .p-archive03~.p-pager {
    margin-top: 95px;
  }
}

@media (min-width: 768px) {
  .p-cb__item .p-archive03__item,
  .l-primary:only-child .p-archive03__item {
    margin-top: 40px;
    margin-right: 3.3333%;
    width: 22.5%;
  }
  .p-cb__item .p-archive03__item:nth-child(-n+4),
  .l-primary:only-child .p-archive03__item:nth-child(-n+4) {
    margin-top: 0;
  }
  .p-cb__item .p-archive03__item:nth-child(4n),
  .l-primary:only-child .p-archive03__item:nth-child(4n) {
    margin-right: 0;
  }
  .l-2columns .p-archive03__item {
    margin-top: 40px;
    margin-right: 4.5%;
    width: 30.3333%;
  }
  .l-2columns .p-archive03__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .l-2columns .p-archive03__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .p-archive03__item-rank {
    line-height: 35px;
    height: 35px;
    min-width: 35px;
    padding: 0 5px;
  }
  .p-archive03__item-info {
    margin-top: 12px;
    margin-bottom: -0.25em;
    font-size: 14px;
    line-height: 1.5;
  }
  .p-archive03__item-title {
    max-height: 3em;
  }
  .p-entry-page+.p-archive03 {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .p-archive03__item {
    margin-top: 20px;
    margin-right: 6.25%;
    width: 46.875%;
  }
  .p-archive03__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .p-archive03__item:nth-child(2n) {
    margin-right: 0;
  }
  .p-archive03__item-info {
    margin-top: 10px;
  }
  .p-archive03__item-meta {
    margin-bottom: 1px;
  }
  .p-archive03__item-price {
    margin-top: 1px;
  }
}


/* product archive sort and filter */

.p-archive03__sort-filter {
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  position: relative;
}

.p-archive03__sort-filter__item {
  position: relative;
  width: 100%;
}

.p-archive03__sort-filter__item+.p-archive03__sort-filter__item {
  border-left: 1px solid #ddd;
}

.p-archive03__sort-filter__item-title {
  cursor: pointer;
  font-size: 14px;
  line-height: 58px;
  height: 58px;
  overflow: hidden;
  padding-left: 24px;
  padding-right: 40px;
}

.p-archive03__sort-filter__item-title::after {
  content: "\e90e";
  font-family: "design_plus";
  font-size: 85%;
  position: absolute;
  right: 22px;
}

.p-archive03__sort-filter__item-dropdown {
  border: 1px solid #ddd;
  min-width: 200px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  z-index: -1;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.p-archive03__sort-filter__item.is-active .p-archive03__sort-filter__item-dropdown {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 10;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.p-archive03__sort-filter__item-dropdown li {
  background: #fff;
  cursor: pointer;
}

.p-archive03__sort-filter__item-dropdown li a,
.p-archive03__sort-filter__item-dropdown li span {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 45px;
  height: 45px;
  overflow: hidden;
  padding: 0 24px;
}

.p-archive03__sort-filter__item-dropdown li.is-active,
.p-archive03__sort-filter__item-dropdown li:hover {
  background: #f5f5f5;
}

.p-archive03__sort-filter__loading {
  background: transparent url('img/loading.gif') center center no-repeat;
  background-size: 16px;
  display: none;
  width: 16px;
  position: absolute;
  bottom: 0;
  right: -28px;
  top: 0;
}

.p-archive03__sort-filter.is-ajaxing .p-archive03__sort-filter__loading {
  display: block;
}

@media (max-width: 991px) {
  .p-archive03__sort-filter {
    margin-bottom: 20px;
  }
  .p-archive03__sort-filter__item-title {
    font-size: 12px;
    line-height: 43px;
    height: 43px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-archive03__sort-filter__item-title::after {
    right: 18px;
  }
  .p-archive03__sort-filter__loading {
    background-size: 14px;
    width: 14px;
    right: -22px;
  }
}

@media (max-width: 599px) {
  .p-archive03__sort-filter__item-title {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .p-archive03__sort-filter__item-title::after {
    display: none;
  }
  .p-archive03__sort-filter__loading {
    background-size: 12px;
    width: 12px;
    right: -18px;
  }
  .p-archive03__sort-filter.has-3items .p-archive03__sort-filter__item:nth-child(3) {
    position: static;
  }
  .p-archive03__sort-filter.has-3items .p-archive03__sort-filter__item:nth-child(3) .p-archive03__sort-filter__item-dropdown {
    left: auto;
    right: -1px;
  }
}


/* products carousel */

.p-archive03-carousel {
  margin: 0 -12px;
}

.p-archive03-carousel .p-archive03__item {
  float: left;
  margin: 0 12px !important;
  width: 200px;
}

.p-archive03-carousel .slick-list {
  clip-path: inset(0 12px 0 12px);
}

.p-archive03-carousel .slick-arrow {
  top: 38%;
}

.p-archive03-carousel .slick-prev {
  left: -38px;
}

.p-archive03-carousel .slick-next {
  right: -38px;
}

@media (max-width: 991px) {
  .p-archive03-carousel {
    margin: 0 -8px;
  }
  .p-archive03-carousel .p-archive03__item {
    margin: 0 8px !important;
  }
  .p-archive03-carousel .slick-list {
    clip-path: inset(0 8px 0 8px);
  }
}

.p-archive03-carousel__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.p-archive03-carousel__tab-item {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.p-archive03-carousel__tab-item a {
  background: #222;
  color: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  overflow: hidden;
  padding: 0 5px;
  text-align: center;
}

.p-archive03-carousel__tab-item a span {
  display: block;
  font-weight: 600;
  line-height: 1.8;
  max-height: 3.6em;
}

.p-archive03-carousel__tab-item+.p-archive03-carousel__tab-item a {
  border-left: 1px solid #666;
}

.p-archive03-carousel__tab-item.is-active+.p-archive03-carousel__tab-item a {
  border-left-color: transparent;
}

.p-archive03-carousel__tab-item.is-active a {
  background: #00bcbc;
  border-left-color: #00bcbc;
}

@media (max-width: 991px) {
  .p-archive03-carousel__tab-item a {
    height: 45px;
  }
}

@media (max-width: 499px) {
  .p-archive03-carousel__tab-item a {
    font-size: 12px;
  }
}


/* contents builder products carousel */

.p-cb__item .p-archive03-carousel {
  margin: 0 -16px;
}

.p-cb__item .p-archive03-carousel .p-archive03__item {
  margin: 0 16px !important;
}

.p-cb__item .p-archive03-carousel .slick-list {
  clip-path: inset(0 16px 0 16px);
}

.p-cb__item .p-archive03__item-meta {
  color: inherit;
}

.p-cb__item .p-archive03-carousel .slick-prev {
  left: -34px;
}

.p-cb__item .p-archive03-carousel .slick-next {
  right: -34px;
}

@media (max-width: 991px) {
  .p-cb__item .p-archive03-carousel {
    margin: 0 -8px;
  }
  .p-cb__item .p-archive03-carousel .p-archive03__item {
    margin: 0 8px !important;
  }
  .p-cb__item .p-archive03-carousel .slick-list {
    clip-path: inset(0 8px 0 8px);
  }
  .p-cb__item .p-archive03-carousel .slick-prev {
    left: -22px;
  }
  .p-cb__item .p-archive03-carousel .slick-next {
    right: -22px;
  }
}

@media (max-width: 499px) {
  .p-cb__item--products_carousel {
    overflow: hidden;
  }
  .p-cb__item .p-archive03-carousel .slick-prev {
    left: -18px;
  }
  .p-cb__item .p-archive03-carousel .slick-next {
    right: -18px;
  }
}


/* product recommend, recently, related */

.p-main-bottom {
  margin-top: 60px;
}

.p-main-bottom.has-bg {
  padding: 50px;
}

.p-main-bottom.has-bg+.p-main-bottom.has-bg {
  margin-top: 0;
}

.p-main-bottom .p-headline {
  margin-top: -0.4em;
  text-align: center;
}

.p-main-bottom.no-bg .p-headline {
  margin-top: -0.4em;
  text-align: center;
}

.p-recentry-viewed-products__headline,
.p-entry-product__related-headline {
  margin-bottom: 28px;
}

.p-recommend-products__headline {
  margin-bottom: 20px;
}

.p-recommend-products__carousel {
  padding-top: 42px;
}

.p-recommend-products__carousel .slick-dots {
  bottom: auto;
  top: 0;
}

.p-recommend-products__carousel .slick-dots li button {
  background: #ddd;
}

.p-entry-product__related.no-bg {
  border-top: 3px solid #000;
  margin-top: 57px;
  padding-top: 35px;
}

@media (min-width: 992px) {
  #js-product-archive+.p-main-bottom {
    margin-top: 100px;
  }
  .p-recentry-viewed-products {
    padding: 0 30px;
  }
  .p-recentry-viewed-products__carousel[data-slides="1"],
  .p-recentry-viewed-products__carousel[data-slides="2"],
  .p-recentry-viewed-products__carousel[data-slides="3"] {
    margin: 0 -62px;
  }
}

@media (min-width: 768px) {
  .p-entry-product__related .p-archive03__item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin: 0 !important;
    padding: 24px;
    width: 33.3333%;
  }
  .p-entry-product__related .p-archive03__item:nth-child(-n+3) {
    border-top-width: 1px;
  }
  .p-entry-product__related .p-archive03__item:nth-child(3n+1) {
    border-left-width: 1px;
  }
}

@media (max-width: 991px) {
  .p-main-bottom {
    margin-top: 40px;
  }
  .p-main-bottom.has-bg {
    padding: 40px 0;
  }
  .p-main-bottom.has-bg+.p-main-bottom.has-bg {
    margin-top: 0;
  }
  .p-entry+.p-main-bottom.has-bg {
    margin-top: 0;
  }
  .p-recentry-viewed-products,
  .p-recommend-products {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .p-recentry-viewed-products .p-main-bottom__inner,
  .p-recommend-products .p-main-bottom__inner {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888%;
  }
  .p-entry-product__related-headline {
    margin-bottom: 15px;
  }
  .p-recommend-products__headline,
  .p-recentry-viewed-products__headline {
    margin-bottom: 14px;
  }
  .p-recommend-products__carousel {
    padding-top: 32px;
  }
  .p-entry-product__related.no-bg {
    border-top: 2px solid #000;
    margin-top: 40px;
    padding-top: 18px;
  }
}

@media (max-width: 767px) {
  .p-entry-product__related .p-archive03__item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin: 0 !important;
    padding: 20px;
    width: 50%;
  }
  .p-entry-product__related .p-archive03__item:nth-child(-n+2) {
    border-top-width: 1px;
  }
  .p-entry-product__related .p-archive03__item:nth-child(2n+1) {
    border-left-width: 1px;
  }
}


/* wish list */

.p-wishlist {}

.p-wishlist__item {
  overflow: hidden;
  position: relative;
}

.p-wishlist__item-thumbnail {}

.p-wishlist__item-thumbnail__inner {
  padding-top: 128%;
  overflow: hidden;
  position: relative;
}

.p-wishlist__item-thumbnail__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-wishlist__item-thumbnail__image2 {
  position: absolute;
  bottom: -100.5%;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
}

.p-wishlist__item-remove {
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  font-family: "design_plus";
  height: 40px;
  padding: 0;
  text-align: center;
  width: 40px;
}

.p-wishlist__item-title {
  font-weight: 700;
  overflow: hidden;
}

.p-wishlist__item-button .p-button {
  display: block;
  font-size: 14px;
  min-width: 0;
  padding: 0 5px;
  width: 100%;
}

.p-wishlist__item-button-cart {
  position: relative;
}

.p-wishlist__item-button-cart::before {
  color: #fff;
  content: "\e93a";
  font-family: "design_plus";
  font-size: 16px;
  line-height: 1;
  margin-left: -3.8em;
  margin-top: -0.5em;
  position: absolute;
  left: 50%;
  top: 50%;
}

.p-wishlist__item-button-cart .p-button {
  padding-left: 24px;
}

@media (min-width: 768px) {
  .p-wishlist__item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
  }
  .p-wishlist__item:first-child {
    border-top-width: 1px;
  }
  .p-wishlist__item-remove {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin-left: 1.8%;
    margin-right: 1.8%;
  }
  .p-wishlist__item-thumbnail {
    -webkit-flex: 0 0 118px;
    -ms-flex: 0 0 118px;
    flex: 0 0 118px;
  }
  .p-wishlist__item-info {
    -webkit-flex: 1 2 auto;
    -ms-flex: 1 2 auto;
    flex: 1 2 auto;
    line-height: 1.8;
    margin-left: 4.5%;
    padding-right: 1.8%;
    position: relative;
  }
  .p-wishlist__item-info::before {
    border-right: 1px solid #ddd;
    content: '';
    position: absolute;
    bottom: -100px;
    right: 0;
    top: -100px;
    z-index: -1;
  }
  .p-wishlist__item-meta {
    margin-bottom: 0;
  }
  .p-wishlist__item-title {
    font-size: 14px;
    max-height: 3.6em;
  }
  .p-wishlist__item-price {
    font-size: 14px;
    margin-top: 3px;
  }
  .p-wishlist__item-button {
    -webkit-flex: 0 0 21.6%;
    -ms-flex: 0 0 21.6%;
    flex: 0 0 21.6%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}

@media (min-width: 992px) {
  .p-wishlist__item-info {
    padding-right: 23.5%;
    position: relative;
  }
  .p-wishlist__item-info::before {
    border-left: 1px solid #ddd;
    left: 57.8%;
  }
  .p-wishlist__item-price {
    margin-top: 0;
    position: absolute;
    left: 67.5%;
    right: 2.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (max-width: 991px) {
  body.wishlist .l-main__inner {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .p-wishlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-wishlist__item {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    padding: 0 10px 10px;
    width: 50%;
  }
  .p-wishlist__item:nth-child(n+3) {
    margin-top: -1px;
  }
  .p-wishlist__item:nth-child(2n) {
    margin-left: -1px;
  }
  .p-wishlist__item-remove {
    margin: auto;
  }
  .p-wishlist__item-info {
    margin-top: 14px;
    line-height: 1.5;
  }
  .p-wishlist__item-meta {}
  .p-wishlist__item-title {
    max-height: 3em;
  }
  .p-wishlist__item-price {
    margin-top: 3px;
  }
  .p-wishlist__item-button {
    margin-top: 19px;
  }
  .p-wishlist__item-button .p-button {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
  }
  .p-wishlist__item-button-cart::before {
    font-size: 14px;
  }
}


/* product single */

.p-entry-product__header {
  margin-bottom: 26px;
}

.p-entry-product__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  margin-top: -0.3em;
}

.p-entry-product__header-meta {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 7px;
}

.p-entry-product__images {
  margin-bottom: 50px;
  margin-top: 38px;
  position: relative;
}

.p-entry-product__images-inner {}

.p-entry-product__mainimage {
  position: relative;
  overflow: hidden;
}

.p-entry-product__mainimage-normal {
  display: block;
  height: auto;
  width: 100%;
}

.p-entry-product__mainimage-zoom {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}

.p-entry-product__mainimage-zoom-image {
  display: block;
  height: auto;
  max-width: none !important;
  width: 200%;
}

.p-entry-product__subimages {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.p-entry-product__subimages-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-entry-product__subimage {
  cursor: pointer;
  -webkit-flex: 0 0 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  margin-right: 10px;
  margin-top: 10px;
}

.p-entry-product__subimage:last-child {
  margin-right: 0;
}

.p-entry-product__subimage-inner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  padding-top: 100%;
}

.js-zoom-initialized .p-entry-product__mainimage-zoom-icon {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 4;
}

.js-zoom-initialized .p-entry-product__mainimage-zoom {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.js-zoom-initialized .p-entry-product__mainimage-zoom-image {
  -webkit-transition-property: -webkit-transform, transform;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: -moz-transform, transform;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: -ms-transform, transform;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.js-zoom-initialized .p-entry-product__mainimage-zoom-icon::before {
  content: "\e915";
  font-family: "design_plus";
  font-size: 20px;
}

.js-zoom-initialized .is-zoom .p-entry-product__mainimage-fullscreen::before {
  content: "\e91a";
}

.js-zoom-initialized .is-zoom .p-entry-product__mainimage-zoom {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.js-zoom-initialized .is-zoom .p-entry-product__mainimage-normal {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out 0.3s;
  -moz-transition: opacity 0.3s ease-out 0.3s;
  -ms-transition: opacity 0.3s ease-out 0.3s;
  transition: opacity 0.3s ease-out 0.3s;
}

.p-entry-product__content {}

.p-entry-product__body {
  margin-top: 0;
}

.p-entry-product__body>p:first-child {
  margin-top: -0.7em;
}

.item_custom_field {
  margin-top: 24px;
}

.p-entry-product__share {
  margin-top: 18px;
}

.p-entry-product__share a {
  box-shadow: none;
  color: #000;
}

.p-entry-product__share a:hover {
  color: #aaa;
}

.p-entry-product__share .c-share__icn--feedly {
  position: relative;
  top: -1px;
}

.p-entry-product__share .c-share__icn {
  font-size: 16px;
}

.p-entry-product__share .c-share__btn {
  margin-right: 10px;
}

.p-entry-product__share .c-share__title {
  display: none;
}

.p-entry-product__category {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 28px;
}

.p-entry-product__cart .p-entry-product__category {
  margin-bottom: -0.5em !important;
  margin-top: 24px;
}

.p-entry-product__carts {}

.p-entry-product__cart {
  border: 1px solid #ddd;
  font-size: 14px;
  line-height: 2;
  margin-top: 46px;
  padding: 36px 40px;
}

.p-entry-product__cart p {
  margin-bottom: 10px;
}

.p-entry-product__cart .itemGpExp {
  margin-bottom: 10px;
}

.p-entry-product__cart> :last-child {
  margin-bottom: 0;
}

.p-entry-product__cart-skuname {}

.p-entry-product__cart-prices {
  margin-bottom: 14px;
}

.p-entry-product__price {
  font-weight: 600;
}

.p-entry-product__cart-skuname+.p-entry-product__cart-label,
.p-entry-product__cart-price:first-child .p-entry-product__cart-label {
  display: none;
}

.p-entry-product__cart-label {
  display: inline-block;
  padding-right: 1em;
}

.p-strike {
  text-decoration: line-through;
}

.p-entry-product__cart-option label {
  display: inline-block;
  padding-right: 1em;
}

.p-entry-product__cart-option label:empty {
  display: none;
}

.p-entry-product__cart-option input[type="text"],
.p-entry-product__cart-option textarea,
.p-entry-product__cart select {
  border: 1px solid #ddd;
}

.p-entry-product__cart-option input[type="text"] {
  height: 50px;
  padding: 12px 16px;
  width: 100%;
}

.p-entry-product__cart-option textarea {
  display: block;
  height: 8em;
  padding: 8px 12px;
  width: 100%;
}

.p-entry-product__cart select {
  background: transparent;
  border-radius: 0;
  height: 50px;
  padding: 12px 34px 12px 16px;
  max-width: 100%;
  min-width: 220px;
  -webkit-appearance: none;
  appearance: none;
}

.p-entry-product__cart select::-ms-expand {
  display: none;
}

.p-entry-product__cart-select-wrapper {
  display: inline-block;
  position: relative;
}

.p-entry-product__cart-select-wrapper::after {
  content: "\e90e";
  font-family: "design_plus";
  line-height: 50px;
  pointer-events: none;
  position: absolute;
  right: 17px;
  top: 0;
}

.p-entry-product__cart-quantity input {
  border: 1px solid #ddd;
  height: 50px;
  padding: 12px;
  width: 100px;
}

.p-entry-product__cart-button {
  margin-bottom: 0 !important;
  margin-top: 22px;
  position: relative;
  text-align: center;
}

.p-entry-product__cart-button::before {
  color: #fff;
  content: "\e93a";
  font-family: "design_plus";
  font-size: 20px;
  line-height: 1;
  margin-left: -3.75em;
  margin-top: -0.5em;
  position: absolute;
  left: 50%;
  top: 50%;
}

.p-entry-product__cart-button .p-button {
  font-size: 16px;
  min-width: 180px;
  padding-left: 35px;
  width: 100%;
}

.p-entry-product__cart-soldout {
  background: #ccc;
  color: #fff;
  line-height: 60px;
  margin-bottom: 0 !important;
  margin-top: 22px;
  text-align: center;
  width: 240px;
}

.p-entry-product__cart .p-entry-product__cart-error_message {
  margin-top: 20px;
}

.p-entry-product__cart .p-entry-product__cart-error_message:empty {
  margin-top: 0;
}

@media (max-width: 991px) {
  .p-entry-product__header {
    margin-bottom: 11px;
  }
  .p-entry-product__title {
    font-size: 18px;
    line-height: 1.4;
    margin-top: -0.2em;
  }
  .p-entry-product__images {
    margin-bottom: 40px;
    margin-top: 0;
  }
  .p-entry-product__images--type2 .p-entry-product__subimages {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .p-entry-product__images--type2 .p-entry-product__subimages-inner {
    padding-left: 5.5556%;
  }
  .p-entry-product__images--type2 .p-entry-product__subimages-inner::after {
    content: '';
    -webkit-flex: 0 0 5.5556%;
    -ms-flex: 0 0 5.5556%;
    flex: 0 0 5.5556%;
    margin-left: 3px;
  }
  .p-entry-product__images--type2 .p-entry-product__subimage {
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 9px;
    margin-top: 9px;
  }
  .p-entry-product__body>p:first-child {
    margin-top: -0.5em;
  }
  .p-entry-product__category {
    margin-top: 18px;
  }
  .p-entry-product__cart .p-entry-product__category {
    margin-top: 10px;
  }
  .p-entry-product__cart {
    margin-top: 30px;
    padding: 24px 30px 30px;
  }
  .p-entry-product__cart-option input[type="text"],
  .p-entry-product__cart-option textarea {
    margin-top: 6px;
    width: 200px;
  }
  .p-entry-product__cart select {
    min-width: 200px;
    width: 200px;
  }
  .p-entry-product__cart-select-wrapper {
    margin-top: 6px;
  }
}

@media (min-width: 768px) {
  .p-entry-product__images--type1 .p-entry-product__images-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .p-entry-product__images--type1 .p-entry-product__mainimage {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .p-entry-product__images--type1 .p-entry-product__subimages {
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    margin-top: 0;
  }
  .p-entry-product__images--type1 .p-entry-product__subimages-inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-entry-product__images--type1 .p-entry-product__subimage {
    margin-left: 10px;
    margin-right: 0;
    margin-top: 10px;
  }
  .p-entry-product__images--type1 .p-entry-product__subimage:nth-child(-n+2) {
    margin-top: 0;
  }
  .p-entry-product__images--type1.has-images--1 .p-entry-product__subimages {
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
  }
  .p-entry-product__main.has-multiple-cart .p-entry-product__carts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-entry-product__main.has-multiple-cart .p-entry-product__carts .p-entry-product__cart {
    -webkit-flex: 0 0 47.5%;
    -ms-flex: 0 0 47.5%;
    flex: 0 0 47.5%;
    overflow: auto;
  }
  .p-entry-product__main.has-single-cart .p-entry-product__middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-entry-product__main.has-single-cart .p-entry-product__middle .p-entry-product__content {
    -webkit-flex: 0 0 52.5%;
    -ms-flex: 0 0 52.5%;
    flex: 0 0 52.5%;
    padding-right: 20px;
    max-width: 52.5%;
  }
  .p-entry-product__main.has-single-cart .p-entry-product__middle .p-entry-product__carts {
    -webkit-flex: 0 0 47.5%;
    -ms-flex: 0 0 47.5%;
    flex: 0 0 47.5%;
    overflow: auto;
    max-width: 47.5%;
  }
  .p-entry-product__main.has-single-cart .p-entry-product__middle .p-entry-product__cart {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  .p-entry-product__cart-quantity input {
    height: 45px;
  }
}

@media (max-width: 767px) {
  .p-entry-product__subimages {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .p-entry-product__subimages-inner {
    padding-left: 5.5556%;
  }
  .p-entry-product__subimages-inner::after {
    content: '';
    -webkit-flex: 0 0 5.5556%;
    -ms-flex: 0 0 5.5556%;
    flex: 0 0 5.5556%;
    margin-left: 3px;
  }
  .p-entry-product__subimage {
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 9px;
    margin-top: 9px;
  }
}

@media (max-width: 782px) {
  body.admin-bar .js-zoom-fullscreen .p-entry-product__images-inner {
    top: 46px;
  }
}

@media (max-width: 600px) {
  body.admin-bar .js-zoom-fullscreen .p-entry-product__images-inner {
    top: 0;
  }
}


/**
 * wordpress preset style
 */

.p-body {
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
}


/* alignment */

.p-body .alignright {
  float: right;
}

.p-body .alignleft {
  float: left;
}

.p-body .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
}

.p-body blockquote.alignleft,
.p-body img.alignleft {
  margin: 7px 24px 7px 0;
}

.p-body .wp-caption.alignleft {
  margin: 7px 14px 7px 0;
}

.p-body blockquote.alignright,
.p-body img.alignright {
  margin: 7px 0 7px 24px;
}

.p-body .wp-caption.alignright {
  margin: 7px 0 7px 14px;
}

.p-body blockquote.aligncenter,
.p-body img.aligncenter,
.p-body .wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}


/* text and headline */

.p-body p {
  margin-bottom: 2em;
  line-height: 1.8;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.p-body h1,
.p-body h2,
.p-body h3,
.p-body h4,
.p-body h5,
.p-body h6 {
  clear: both;
  line-height: 1.4;
  margin-bottom: 24.2px;
}

.p-body h1 {
  font-size: 150%;
}

.p-body h2 {
  font-size: 120%;
}

.p-body h3 {
  font-size: 130%;
}

.p-body h4 {
  font-size: 120%;
}

.p-body h5 {
  font-size: 110%;
}

.p-body h6 {
  font-size: 100%;
}

.p-body .headline {
  font-size: 162.5%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
}

@media (max-width: 991px) {
  .p-body .headline {
    font-size: 128.5%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 12px;
  }
}


/* image */

.p-body img[class*="align"],
.p-body img[class*="wp-image-"],
.p-body img[class*="attachment-"],
.p-body .size-full,
.p-body .size-large,
.p-body .wp-post-image,
.p-body img {
  max-width: 100%;
  height: auto;
}


/* list */

.p-body li,
.p-body dt,
.p-body dd {}

.p-body ul,
.p-body ol,
.p-body dl {
  margin-bottom: 24px;
}

.p-body ol {
  list-style: decimal outside none;
  margin-left: 1.5em;
}

.p-body ul {
  list-style: circle outside none;
  margin-left: 1.3em;
}

.p-body li>ul,
.p-body li>ol {
  margin-bottom: 0;
}

.p-body dt {
  font-weight: bold;
}

.p-body dd {
  margin-bottom: 1em;
}


/* table */

.p-body table {
  margin: 0 0 24px 0;
}

.p-body td,
.p-body th {
  border: 1px solid #ddd;
  padding: 10px 15px;
  line-height: 2;
  background: #fff;
  vertical-align: middle;
}

.p-body th {
  background: #f9f9f9;
  font-weight: normal;
}


/* table style */

.table_no_border th,
.table_no_border td {
  border: none;
  padding-left: 0;
}

.table_border_horizontal th,
.table_border_horizontal td {
  border-left: none;
  border-right: none;
  padding-left: 0;
}


/* block quote */

.p-body blockquote {
  margin: 0 0 25px 0;
  padding: 27px 30px 0;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 0px 0px #f2f2f2;
  position: relative;
}

.p-body blockquote:before {
  content: '"';
  font-style: italic;
  font-size: 30px;
  font-weight: normal;
  line-height: 40px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 10px;
  color: #5cbcd7;
}

.p-body blockquote:after {
  content: '"';
  font-style: italic;
  font-size: 30px;
  font-weight: normal;
  text-align: left;
  line-height: 60px;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 7px;
  right: -2px;
  color: #5cbcd7;
}

.p-body blockquote cite {
  border-top: 1px dotted #aaa;
  display: block;
  padding: 20px 0 0 0;
  font-style: italic;
  text-align: right;
  font-size: 90%;
}


/* captions */

.p-body .wp-caption {
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 5px;
  max-width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.p-body .wp-caption-text {
  text-align: center;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px auto;
}

.p-body .wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}


/* gallery */

.gallery {
  margin-bottom: 20px;
}

.gallery a img {
  border: 0 !important;
}

.gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: -webkit-calc(50% - 4px);
  max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
  max-width: 32%;
  max-width: -webkit-calc(33.3% - 4px);
  max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
  max-width: 23%;
  max-width: -webkit-calc(25% - 4px);
  max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: -webkit-calc(20% - 4px);
  max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
  max-width: 15%;
  max-width: -webkit-calc(16.7% - 4px);
  max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: -webkit-calc(14.28% - 4px);
  max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
  max-width: 11%;
  max-width: -webkit-calc(12.5% - 4px);
  max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
  max-width: 9%;
  max-width: -webkit-calc(11.1% - 4px);
  max-width: calc(11.1% - 4px);
}

.gallery-columns-10 .gallery-item {
  max-width: 7%;
  max-width: -webkit-calc(9.4% - 0px);
  max-width: calc(9.4% - 0px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-10 .gallery-item:nth-of-type(10n) {
  margin-right: 0;
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: 100%;
}

.gallery-caption:before {
  content: '';
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
  display: none;
}


/* etc */

.p-body .wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.p-body address {
  margin: 0 0 24px 0;
  line-height: 2.2;
}

.p-body pre {
  border-left: 5px solid #7fc120;
  font-size: 12px;
  margin: 0 0 27px 0;
  line-height: 25px;
  background: url(img/pre.gif) repeat left top;
  padding: 0 17px;
  overflow: auto;
}

.p-body .mejs-container {
  margin: 12px 0 25px;
}


/**
 * Utility
 */


/* clearfix */

.clearfix:after,
.u-clearfix::after {
  clear: both;
  content: "";
  display: table;
}


/* float */

.u-left {
  float: left;
}

.u-right {
  float: right;
}

.u-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


/* hidden */

.hidden,
.u-hidden {
  display: none;
}

.u-visible-sm,
.u-visible-xs {
  display: none;
}

@media (max-width: 991px) {
  .u-hidden-sm {
    display: none;
  }
  .u-visible-sm {
    display: block;
  }
}

@media (max-width: 767px) {
  .u-hidden-xs {
    display: none;
  }
  .u-visible-xs {
    display: block;
  }
}


/* overflow */

.u-overflow-hidden {
  overflow: hidden;
}


/* slick */

.slick-slider {}

.slick-loading .slick-list {
  background: #fff url('img/ajax-loader.gif') center center no-repeat;
}

.slick-arrow {
  /* background: none;
  border: none;
  color: #000;
  cursor: pointer;
  font-family: 'design_plus';
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px; */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none!important;
}

.gallery_section .slick-arrow {
  display: block!important;
}

.lazy {
  padding: 0px 20px;
}

.lazy .item:hover {
  opacity: 0.8;
}

.lazy .slick-arrow {
  display: block!important;
}

.slick-arrow:hover {}

.slick-arrow.slick-disabled {
  opacity: 0 !important;
}

.slick-prev {
  left: -50px;
}

.slick-next {
  right: -50px;
}

.slick-dots {
  display: block;
  list-style: none;
  line-height: 1 !important;
  height: 12px;
  margin: 0;
  padding: 0;
  pointer-events: none;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 2;
}

.gallery_section .slick-dots,
.lazy .slick-dots {
  display: none!important;
}

.slick-dots li {
  display: inline-block;
  height: 12px;
  margin: 0 5px;
  width: 12px;
  position: initial;
}

.slick-dots li button {
  background: #fff;
  border: none;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  opacity: 1;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  width: 8px;
  height: 8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slick-dots li.slick-active button {
  background-color: #00bcbc;
}

.slick-dots li:hover button {
  background-color: #009c9c;
}

@media (max-width: 991px) {
  .slick-arrow {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    width: 30px;
  }
  .slick-prev {
    left: -30px;
  }
  .slick-next {
    right: -30px;
  }
}


/* Column layout - カラムレイアウト */

.post_row {
  margin-right: -25px;
  margin-left: -25px;
  line-height: 2.4;
}

.post_row:before,
.post_row:after {
  display: table;
  content: " ";
}

.post_row:after {
  clear: both;
}

.post_col,
.post_col-2,
.post_col-3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: 1px;
  margin-bottom: 2em;
  padding-right: 25px;
  padding-left: 25px;
  float: left;
}

@media (min-width: 768px) {
  .post_col-2 {
    width: 50%;
  }
  .post_col-3 {
    width: 33.33333%;
  }
}

@media (min-width: 1024px) {
  .post_col-2 {
    width: 50%;
  }
  .post_col-3 {
    width: 33.33333%;
  }
}


/* headline - 見出しのスタイル */

.style2a,
.style2b,
.style3a,
.style3b,
.style4a,
.style4b,
.style5a,
.style5b,
.style6 {
  font-weight: 500;
  line-height: 1.6;
}


/* h2 */

.style2a {
  margin: 65px 0 30px !important;
  padding: 0 0 .9em;
  border-bottom: 3px solid #000;
  font-size: 26px !important;
}

.style2b {
  margin: 65px 0 30px !important;
  padding: .48em 1em .47em;
  background: #000;
  color: #fff;
  font-size: 26px !important;
}


/* h3 */

.style3a {
  margin: 65px 0 30px !important;
  padding: 1.2em .15em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 22px !important;
}

.style3b {
  margin: 65px 0 30px !important;
  padding: 1.1em 1.4em 1.15em;
  border: 1px solid #ddd;
  border-top: 3px solid #000;
  background: #fafafa;
  font-size: 22px !important;
}


/* h4 */

.style4a {
  margin: 65px 0 30px !important;
  padding: .4em 0 .4em 1.2em;
  border-left: 3px solid #000;
  font-size: 20px !important;
  font-weight: 500;
}

.style4b {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 65px 0 30px !important;
  padding: .8em 1.5em .8em;
  border-left: #000 3px solid;
  font-size: 20px !important;
}

.style4b:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 2px);
  border: 1px solid #ddd;
  border-left: none;
  content: '';
}


/* h5 */

.style5a {
  margin: 65px 0 30px !important;
  padding: .85em 1.5em .8em;
  border: 1px solid #ddd;
  background: #fafafa;
  font-size: 18px !important;
}

.style5b {
  margin: 65px 0 30px !important;
  padding: .85em 1.5em .8em;
  background: #000;
  color: #fff;
  font-size: 18px !important;
}


/* h6 */

.style6 {
  position: relative;
  margin: 65px 0 30px !important;
  padding: 0 .8em 0 1.3em;
  color: #000;
  font-size: 16px !important;
  font-weight: 700;
}

.style6:before {
  position: absolute;
  top: .35em;
  left: 0;
  width: 12px;
  height: 12px;
  background: #000;
  content: "";
}

.balloon {
  display: block;
  z-index: 0;
  position: relative;
  width: auto;
  min-width: 115px;
  margin: 50px 0 22px;
  padding: .5em 18px .5em;
  clear: both;
  border-bottom: 0;
  background: #222;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}

.balloon:after {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 30px;
  width: 0px;
  height: 0px;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
  content: "";
}

@media (max-width: 767px) {
  .style2a {
    margin: 30px 0 20px !important;
    padding: 0 0 .6em;
    font-size: 20px !important;
  }
  .style2b {
    margin: 30px 0 20px !important;
    padding: .42em .7em .41em;
    background: #000;
    color: #fff;
    font-size: 20px !important;
  }
  /* h2 */
  .style3a {
    margin: 30px 0 20px !important;
    padding: .6em .15em;
    font-size: 18px !important;
  }
  .style3b {
    margin: 30px 0 20px !important;
    padding: .5em .5em .45em .6em;
    font-size: 18px !important;
  }
  .style4a {
    margin: 30px 0 20px !important;
    padding: .4em 0 .4em .8em;
    border-left: 2px solid #000;
    font-size: 16px !important;
  }
  .style4b {
    margin: 30px 0 20px !important;
    padding: .8em 1em .75em;
    border-left: #000 2px solid;
    font-size: 16px !important;
  }
  .style5a {
    margin: 30px 0 20px !important;
    padding: .8em 1em .75em;
    font-size: 15px !important;
  }
  .style5b {
    margin: 30px 0 20px !important;
    padding: .8em 1em .75em;
    font-size: 15px !important;
  }
}


/* flame - 囲み枠 */

.well {
  margin-bottom: 30px;
  padding: 1.1em 2em;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fafafa;
}

.well2 {
  margin-bottom: 30px;
  padding: 1.1em 2em;
  border: 1px solid #ddd;
}

.well3 {
  margin-bottom: 30px;
  padding: 1.1em 2em;
  border: 1px dashed #ddd;
  background: #fafafa;
}

.wl_red {
  border-color: #ebccd1;
  background-color: #f2dede;
  color: #a94442;
}

.wl_yellow {
  border-color: #faebcc;
  background-color: #fcf8e3;
  color: #8a6d3b;
}

.wl_blue {
  border-color: #bce8f1;
  background-color: #d9edf7;
  color: #31708f;
}

.wl_green {
  border-color: #d6e9c6;
  background-color: #dff0d8;
  color: #3c763d;
}

@media (max-width: 767px) {
  .well,
  .well2,
  .well3 {
    padding: .9em .8em .9em 1em;
  }
}


/* button - CSSボタンのスタイル */

.q_button,
.q_custom_button1,
.q_custom_button2,
.q_custom_button3 {
  background-color: #535353;
  color: #fff !important;
  display: -webkit-box;
  display: -webkit-inline-flex;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 100%;
  font-weight: 400;
  min-width: 200px;
  margin: 0;
  max-width: 90%;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.q_button:hover,
.q_button:focus,
.q_custom_button1:hover,
.q_custom_button1:focus,
.q_custom_button2:hover,
.q_custom_button2:focus,
.q_custom_button3:hover,
.q_custom_button3:focus {
  background-color: #7d7d7d;
  text-decoration: none;
}


/* Button option */

.rounded {
  border-radius: 6px;
}

.pill {
  border-radius: 50px;
}

.sz_full {
  display: block;
  font-size: 110%;
  max-width: 100%;
  min-width: 100px;
  padding: 1em 1.5em .9em;
}

.sz_l {
  font-size: 110%;
  max-width: 90%;
  min-width: 350px;
  padding: .8em 1.5em .7em;
}

@media (max-width: 767px) {
  .sz_l {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

.sz_s {
  min-width: 100px;
  max-width: 90%;
  font-size: 85%;
  padding: .4em 1em .3em;
}

.bt_red {
  background: #c01f0e;
  color: #fff;
}

.bt_red:hover,
.bt_red:focus {
  background-color: #d33929;
  color: #fff;
}

.bt_yellow {
  background: #f1c40f;
  color: #fff;
}

.bt_yellow:hover,
.bt_yellow:focus {
  background-color: #f9d441;
  color: #fff;
}

.bt_blue {
  background: #2980b9;
  color: #fff;
}

.bt_blue:hover,
.bt_blue:focus {
  background-color: #3a91c9;
  color: #fff;
}

.bt_green {
  background: #27ae60;
  color: #fff;
}

.bt_green:hover,
.bt_green:focus {
  background-color: #39c574;
  color: #fff;
}


/* Youtube responsive - Youtube動画のレスポンシブ表示 */

.ytube {
  position: relative;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
}

.ytube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* Table responsive - テーブルのレスポンシブ表示 */

.rps_table {
  line-height: 2.0;
}

@media (max-width: 567px) {
  .rps_table tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .rps_table th,
  .rps_table td {
    display: list-item;
    list-style-type: none;
  }
  .rps_table td {
    border-top: none;
  }
}


/* Underline - アンダーライン */

.q_underline {
  background-image: -webkit-linear-gradient(left, transparent 50%, #fff799 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fff799 50%);
  background-image: linear-gradient(to right, transparent 50%, #fff799 50%);
  background-position: 0 0.8em;
  background-repeat: repeat-x;
  background-size: 200% 0.5em;
  border: none;
  border-bottom-color: transparent;
  -webkit-transition: background 2s ease;
  -ms-transition: background 2s ease;
  transition: background 2s ease;
}

.q_underline.is-active {
  background-position: -100% 0.8em;
}


/* Speech balloon - 吹き出し */

.speach_balloon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.speach_balloon_text {
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 2;
  margin-bottom: 3em;
  min-height: 80px;
  padding: 22px 28px;
  position: relative;
}

.speach_balloon_text>*:last-child {
  margin-bottom: 0 !important;
}

.speach_balloon_text::before,
.speach_balloon_text::after {
  border-color: transparent;
  border-style: solid;
  content: '';
  pointer-events: none;
  height: 0;
  margin-top: -10px;
  width: 0;
  position: absolute;
  right: 100%;
  top: 40px;
}

.speach_balloon_user {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 36px;
  margin-bottom: 2em;
  min-width: 80px;
  text-align: center;
}

.speach_balloon_user_image {
  border-radius: 50%;
  height: 80px !important;
  width: 80px;
  object-fit: cover;
}

.speach_balloon_user_name {
  font-size: 87.5%;
  line-height: 1.2;
  margin-top: 12px;
}

.speach_balloon_user_name:only-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0;
  min-height: 80px;
}

.speech_balloon_left1 .speach_balloon_text::before,
.speech_balloon_left2 .speach_balloon_text::before {
  border-width: 8px 10px 8px 0;
  border-right-color: #ddd;
  margin-right: 2px;
}

.speech_balloon_left1 .speach_balloon_text::after,
.speech_balloon_left2 .speach_balloon_text::after {
  border-width: 8px 10px 8px 0;
  margin-right: -1.5px;
  border-right-color: #fff;
}

.speech_balloon_right1 .speach_balloon_user,
.speech_balloon_right2 .speach_balloon_user {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
  margin-left: 36px;
  margin-right: 0;
}

.speech_balloon_right1 .speach_balloon_text::before,
.speech_balloon_right2 .speach_balloon_text::before {
  border-width: 8px 0 8px 10px;
  border-left-color: #ddd;
  margin-left: 2px;
  left: 100%;
}

.speech_balloon_right1 .speach_balloon_text::after,
.speech_balloon_right2 .speach_balloon_text::after {
  border-width: 8px 0 8px 10px;
  margin-left: -1.5px;
  border-left-color: #fff;
  left: 100%;
}


/* Cardlink style - カードリンクのスタイル */

.cardlink {
  word-wrap: break-word;
  max-width: 100%;
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #ddd;
  background: #fafafa;
}

.cardlink_thumbnail {
  margin-right: 25px;
  float: left;
}

.cardlink_thumbnail img {
  width: 130px;
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
}


/* for IE11 */

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .cardlink_thumbnail img {
    height: auto;
  }
}

.cardlink_content {
  line-height: 1.6;
}

.cardlink_timestamp {
  display: inline;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 12px;
  line-height: 1;
  vertical-align: top;
}

.cardlink_title {
  margin: -3px 0 5px;
  font-size: 16px;
}

.cardlink_title a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.cardlink_title a:hover {
  text-decoration: underline;
}

.cardlink_excerpt {
  color: #000;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.9;
  overflow: hidden;
  max-height: 3.8em;
}

.cardlink_footer {
  clear: both;
}

.clear {
  clear: both;
}

@media (max-width: 767px) {
  .cardlink_timestamp {
    display: none;
  }
}

@media (max-width: 567px) {
  .cardlink {
    padding: 15px 11px 12px 13px;
  }
  .cardlink_thumbnail {
    margin-right: 12px;
    margin-bottom: 10px;
    float: left;
  }
  .cardlink_thumbnail img {
    width: 100px;
    height: 100px;
  }
  .cardlink_title {
    margin-top: -5px;
    font-size: 14px;
  }
  .cardlink_excerpt {
    clear: both;
  }
}


/* Contactform - お問い合わせフォーム */

.wpcf7 {
  width: 100%;
  margin: 0 0 2.5em !important;
  padding: 0;
  border: 1px solid #ddd;
  background: #fafafa;
  font-size: 14px;
}

.wpcf7 form {
  margin: 1.5em 1.5em 0;
}

.wpcf7 p {
  margin-bottom: 1em;
  font-size: 16px;
}

.wpcf7 input,
.wpcf7 textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  line-height: 1.2;
}

.wpcf7 select,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
  width: auto;
  max-width: 97%;
  padding: 8px;
  border: 1px solid #ccc;
}

.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
  font-size: 14px;
  line-height: 1.2;
}

.wpcf7 .wpcf7-list-item {
  display: block;
}

.wpcf7 textarea {
  height: 300px;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border: 1px solid #bbb;
  outline: none;
}

.wpcf7 .wpcf7-submit {
  -webkit-transition: all .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 225px;
  height: 48px;
  margin: 30px auto 0;
  border: none !important;
  outline: none;
  background-color: #333333;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all .3s;
}

.wpcf7 .wpcf7-submit:before,
.wpcf7 .wpcf7-submit:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wpcf7 .wpcf7-submit:hover {
  background-color: #666666;
}

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

.wpcf7 .wpcf7-submit .wpcf7-response-output {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  border-radius: 4px;
}

.wpcf7 .wpcf7-submit .wpcf7-validation-errors {
  border: 1px solid #EED3D7;
  background-color: #F2DEDE;
  color: #B94A48;
}

.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok {
  border: 1px solid #BCE8F1;
  background-color: #D9EDF7;
  color: #3A87AD;
}


/* font-size - フォントサイズ */

.text70 {
  font-size: 70%;
}

.text80 {
  font-size: 80%;
}

.text90 {
  font-size: 90%;
}

.text100 {
  font-size: 100%;
}

.text110 {
  font-size: 110%;
}

.text120 {
  font-size: 120%;
}

.text130 {
  font-size: 130%;
}

.text140 {
  font-size: 140%;
}

.text150 {
  font-size: 150%;
}

.text160 {
  font-size: 160%;
}

.text170 {
  font-size: 170%;
}

.text180 {
  font-size: 180%;
}

.text190 {
  font-size: 190%;
}

.text200 {
  font-size: 200%;
}

.text210 {
  font-size: 210%;
}

.text220 {
  font-size: 220%;
}


/* 太字 */

.b {
  font-weight: 700;
}


/* 下線 */

.u {
  text-decoration: underline;
}


/* 打ち消し線 */

.del {
  text-decoration: line-through;
}


/* font-color - フォントカラー */

.red {
  color: red;
}

.blue {
  color: #2ca9e1;
}

.green {
  color: #82ae46;
}

.orange {
  color: #ff7d00;
}

.yellow {
  color: #fff000;
}

.pink {
  color: #ff0084;
}

.gray {
  color: #999999;
}


/* background-color - 背景色 */

.bg-blue {
  background-color: #4ab0f5;
  padding: 2px;
}

.bg-red {
  background-color: red;
  padding: 2px;
}

.bg-yellow {
  background-color: #ff0;
  padding: 2px;
}


/* text-align - 配置 */

.align1 {
  text-align: center !important;
}

.align2 {
  text-align: right !important;
}

.align3 {
  text-align: left !important;
}


/* float - 回り込み */

.r-flo {
  float: right;
  margin: 10px;
}

.l-flo {
  float: left;
  margin: 10px;
}


/* 回り込みの解除 */

.f-clear {
  clear: both;
}


/* hover - 画像リンクマウスオーバー時の不透明度 */

a img.fade {
  background: none !important;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a:hover img.fade {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none !important;
}


/* text-style - テキストスタイル */

.att {
  padding-left: 1em;
  text-indent: -1em;
}

.att_box {
  margin: 2em 0 2.5em;
  padding: 1em 1.2em;
  line-height: 2.0;
  border: 1px dotted #ddd;
  background: #fcfcfc;
  box-shadow: 0px 4px 0px 0px #f9f9f9;
}


/* margin - 要素の外側の余白 */

.m0 {
  margin: 0!important;
}

.mt0 {
  margin-top: 0!important;
}

.mr0 {
  margin-right: 0!important;
}

.mb0 {
  margin-bottom: 0!important;
}

.ml0 {
  margin-left: 0!important;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.m55 {
  margin: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.m60 {
  margin: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.m65 {
  margin: 65px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.m70 {
  margin: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.m75 {
  margin: 75px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.m80 {
  margin: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}


/* padding - 要素の内側の余白 */

.p0 {
  padding: 0!important;
}

.pt0 {
  padding-top: 0!important;
}

.pr0 {
  padding-right: 0!important;
}

.pb0 {
  padding-bottom: 0!important;
}

.pl0 {
  padding-left: 0!important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.p55 {
  padding: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.p60 {
  padding: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.p65 {
  padding: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.p70 {
  padding: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.p75 {
  padding: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.p80 {
  padding: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}


/* --------------- */


/*     カスタム     */


/* --------------- */


/*  */

.p-header__upper {
  margin-bottom: 3px;
  border-bottom: 3px solid #000;
}


/* ヘッダー部におうち外食ロゴ追加 */

.l-header__ouchi-logo {
  background-color: #f2f2f2;
  padding: 10px;
  border-bottom: 2px solid #e83829;
  text-align: center;
}

.l-header__ouchi-logo img {
  max-width: 80%;
}


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


/*

/* ホバー時に背景を黒にする */

.p-global-nav>li>a:hover,
.p-global-nav>li.current-menu-item>a {
  background-color: #0C8094 !important;
}


/* 8ブロックコンテンツのフォントサイズ変更　36->32 */

@media (min-width:992px) {
  .p-cb-blocks__catch {
    font-size: 32px !important;
  }
}

#cb_1 .p-cb-blocks__item.p-cb-blocks__item--4 .p-cb-blocks__catch {
  font-size: 20px !important;
}


/* cb-1に追加した専用HTML用 */

.p-cb__item-inner {
  text-align: center;
}

#cb_1 .p-cb__item-headline,
#cb_3 .p-cb__item-headline {
  display: inline-block;
}

.custom-ouchi_cb1_description-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 40px 0 20px;
}

.custom-ouchi_cb1_description-wrap img {
  border-radius: 50%;
  width: 300px;
  height: 300px;
}

.custom-ouchi_cb1_description-text {
  text-align: left;
  max-width: 600px;
  padding: 40px;
}

.custom-ouchi_cb1_description-text h1 {
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
  margin-bottom: 10px;
}

.custom-ouchi_cb1_description-text p {
  font-size: 100%;
  line-height: 1.5;
}


/* 対応サービス情報エリア */

.custom-ouchi__available-service-info-area {
  padding: 20px 0;
  line-height: 1.5;
}

.custom-ouchi__delivery-area {
  width: 100%;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  padding: 20px 30px;
}

.custom-ouchi__delivery-area>img {
  width: 140px;
  display: block;
  margin: 0 auto 20px;
}

.custom-ouchi__delivery-area>.available-area {
  width: 100%;
  font-size: 0;
  margin-bottom: 10px;
}

.custom-ouchi__delivery-area>.available-area>.available-content-head {
  display: inline-block;
  width: calc((100% - 10px)/5);
  width: -webkit-calc((100% - 10px)/5);
  vertical-align: middle;
  margin-right: 10px;
  max-width: 180px;
  font-weight: bold;
  font-size: 18px;
}

.custom-ouchi__delivery-area>.available-area>.available-content-item {
  display: inline-block;
  /* width: calc((100% - 10px)*4/5);
	width: -webkit-calc((100% - 10px)*4/5); */
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
}

.custom-ouchi__delivery-area>p {
  font-size: 18px;
}

.custom-ouchi__bottom-area {
  font-size: 0;
}

.custom-ouchi__takeout-area {
  width: calc((100% - 10px)/2);
  width: -webkit-calc((100% - 10px)/2);
  padding: 20px 30px;
  background-color: #f2f2f2;
  margin-right: 10px;
  display: inline-block;
}

.custom-ouchi__takeout-area>img {
  width: 140px;
  display: block;
  margin: 0 auto 20px;
}

.custom-ouchi__takeout-area>.available-area {
  width: 100%;
  font-size: 0;
}

.custom-ouchi__takeout-area>p {
  font-weight: bold;
  font-size: 18px;
}

.custom-ouchi__online-area {
  width: calc((100% - 10px)/2);
  width: -webkit-calc((100% - 10px)/2);
  padding: 20px 30px;
  background-color: #f2f2f2;
  display: inline-block;
}

.custom-ouchi__online-area>img {
  width: 165px;
  display: block;
  margin: 0 auto 20px;
}

.custom-ouchi__online-area>.available-area {
  width: 100%;
  font-size: 0;
}

.custom-ouchi__online-area>p {
  font-weight: bold;
  font-size: 18px;
}

@media(max-width:991px) {
  .custom-ouchi__delivery-area>.available-area>.available-content-head {
    font-size: 15px;
  }
  .custom-ouchi__delivery-area>.available-area>.available-content-item {
    font-size: 15px;
  }
  .custom-ouchi__delivery-area>p {
    font-size: 15px;
  }
  .custom-ouchi__takeout-area>p {
    font-size: 15px;
  }
  .custom-ouchi__online-area>p {
    font-size: 15px;
  }
}

@media(max-width:768px) {
  .custom-ouchi__delivery-area {
    padding: 20px 10px;
  }
  .custom-ouchi__takeout-area {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 20px 10px;
  }
  .custom-ouchi__online-area {
    width: 100%;
    padding: 20px 10px;
  }
}


/* 写真したのテキストアラインをleftに変更 */

.p-archive03__item-info {
  text-align: left;
}

@media (max-width: 991px) {
  .custom-ouchi_cb1_title_decoration::before {
    transform: translate(-110%, -18%);
    width: 50px;
    height: 50px;
  }
  .custom-ouchi_cb1_title_decoration::after {
    transform: translate(110%, -18%);
    width: 50px;
    height: 50px;
  }
  .custom-ouchi_cb4_title_decoration::before {
    transform: translate(-110%, -18%);
    width: 50px;
    height: 50px;
  }
  .custom-ouchi_cb4_title_decoration::after {
    transform: translate(110%, -18%);
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 768px) {
  .custom-ouchi_cb1_description-wrap {
    display: block;
    padding: 20px 0;
  }
  .custom-ouchi_cb1_description-wrap img {
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 300px;
  }
  .custom-ouchi_cb1_description-text {
    max-width: 600px;
    padding: 40px 10px;
  }
}


/* 新メニューのカテゴリ非表示 */

.p-archive03__item .p-archive03__item-meta {
  display: none;
}

.woocommerse-custom-class__city-events-none {
  pointer-events: none !important;
}

.woocommerse-custom-class__billing-form-disable {
  display: none !important;
}

.woocommerse-custom-class_weight-bold {
  font-weight: bold !important;
}

#billing_country_field,
#shipping_country_field {
  display: none;
}

.woocommerse-custom-class_trans-input-text {
  box-shadow: 0 0 black !important;
  font-weight: bold !important;
  font-size: 22px;
  margin-left: -23px !important;
  margin-bottom: -20px;
  border: none !important;
}

.woocommerse-custom-class_order-type-input-text {
  box-shadow: 0 0 black !important;
  font-weight: normal !important;
  font-size: 18px;
  margin-left: -18px !important;
  margin-bottom: -20px;
  border: none !important;
}

@media (min-width: 768px) {
  .site-header-cart {
    position: absolute;
    right: 50px;
  }
}


/* 別の住所へ配送しますか */

.woocommerce-shipping-fields {
  margin-bottom: 50px;
}


/* ================================
# フッター
=================================*/

.p-footer__bottom-info {
  padding: 20px 0;
  font-size: 18px;
}

.p-footer__bottom-info p {
  margin-bottom: 10px;
}

.p-footer__bottom-info--opentime-head {
  border: 1px solid black;
  border-radius: 4px;
  padding: 2px 4px;
}

.p-footer__bottom-info--opentime ul {
  display: inline-block;
}

.p-footer__bottom-info--opentime {
  margin-bottom: 30px;
}

.p-footer__bottom-info--opentime ul li {
  display: inline-block;
}

.p-footer__bottom-info .p-footer__bottom-info--btn-access>a {
  padding: 20px 40px;
  background-color: #c1282d;
  display: inline-block;
  color: white;
}

@media(max-width:768px) {
  .p-footer__bottom-info {
    font-size: 15px;
  }
}


/* ================================
# 商品詳細
=================================*/

.animation-gradation {
  position: relative;
  border: 2px solid #333!important;
}

@keyframes gradient {
  0% {
    background-position: 14% 0%;
  }
  50% {
    background-position: 87% 100%;
  }
  100% {
    background-position: 14% 0%;
  }
}

@media(min-width:992px) {
  .animation-gradation::after {
    content: '';
    background: none;
    background-size: 400% 400%;
    animation: gradient 3s ease-in-out infinite;
    position: absolute;
    -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 172px 4px, 172px 32px, 4px 32px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 172px 4px, 172px 32px, 4px 32px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media(max-width:992px) {
  .animation-gradation::after {
    content: '';
    background: linear-gradient(120deg, #6559ae, #ff7159, #6559ae);
    background-size: 400% 400%;
    animation: gradient 3s ease-in-out infinite;
    position: absolute;
    -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 150px 4px, 150px 27px, 4px 27px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 150px 4px, 150px 27px, 4px 27px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}


/* ボタンのshineアニメーション */

.animation-btn-shine {
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}

.animation-btn-shine::before {
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}


/* 光の動き */

@keyframes shine {
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}


/* ================================
# 決済画面
=================================*/


/* オプション　テキスト消す */

.woocommerce form .form-row .optional {
  visibility: hidden;
  display: none;
}


/* ================================
# Cart画面
=================================*/

.custom-ouchi-gaishoku__select-order-type {
  padding: 20px 0;
  /* display: block; */
}

.custom-ouchi-gaishoku__select-order-type>a.p-button {
  display: none;
}

.c-custom-ouchi-btn-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}


/* テーマのwoocommerceスタイルシート上書き */

@media (max-width: 991px) {
  .p-wc input[type="text"],
  .p-wc input[type="number"],
  .p-wc input[type="email"],
  .p-wc input[type="url"],
  .p-wc input[type="tel"],
  .p-wc input[type="password"] {
    background: none !important;
    height: 45px;
  }
}


/* 配送先と住所変更を非表示にする */

.woocommerce-shipping-destination,
.woocommerce-shipping-calculator {
  display: none;
}


/* 非対応サービスオーバーレイ用 */

.not-in-service {
  /* position: relative;
	z-index: 0;
	pointer-events: none; */
  display: none;
}


/* .not-in-service:before {
	content:'';
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	z-index: 1;
	padding: 4px;
	pointer-events: none;
} */


/* =========type="radio" ラジオボタン============
<label><input class="radio-init" type="radio" name="radio-name"><span>ラジオ１</span></label>
<label><input class="radio-init" type="radio" name="radio-name"><span>ラジオ２</span></label>
<label><input class="radio-init" type="radio" name="radio-name"><span>ラジオ３</span></label>
===============================================*/

.radio-init {
  display: none;
}

.radio-init+span {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.2em 0;
  padding: 0 0 0 1.5em;
  position: relative;
  font-size: inherit;
}

.radio-init+span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.radio-init+span::after {
  -webkit-transform: translateY(-50%);
  background: #c2272d;
  /* border: 1px solid transparent; */
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 4px;
  opacity: 0;
  /* padding: 2px; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  width: 10px;
}

.radio-init:checked+span::after {
  opacity: 1;
}


/* ===END=== */


/* ===投稿ページのタブ表示=== */

.offseason-tabs {
  z-index: 1;
  position: relative;
  margin-top: 50px;
  padding-bottom: 40px;
  /* box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); */
  /* border: 1px solid #ddd; */
  width: 100%;
  font-weight: 500;
  margin: 20px auto 0;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.offseason-tabs .en_title {
  font-size: 120%;
  font-weight: 500;
  margin-top: -25px;
  z-index: 100;
  position: absolute;
  top: 20px;
}

.offseason-tabs .sub_title {
  font-size: 120%;
  font-weight: 500;
}

.offseason-tabs .jp_title {
  font-size: 190%;
  font-weight: 800;
}

.offseason-tab-click-area {
  float: right;
}


/*タブのスタイル*/

.offseason-tab__item {
  width: 100px;
  height: 30px;
  /* border-bottom: 3px solid #0c8094; */
  background-color: #1A1311;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  display: block;
  float: right;
  text-align: center;
  /* font-weight: bold; */
  transition: all 0.2s ease;
  position: relative;
}

.offseason-tab__item:hover {
  /* opacity: 0.75; */
  cursor: pointer;
}


/*ラジオボタンを全て消す*/

input[name="offseason-tab__item"] {
  display: none;
}


/*タブ切り替えの中身のスタイル*/

.offseason-tab__content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/

#offseason__tabs-ja:checked~#offseason__tabs-ja-item,
#offseason__tabs-en:checked~#offseason__tabs-en-item {
  display: block;
}


/*選択されているタブのスタイルを変える*/

.offseason-tabs input:checked+.offseason-tab__item {
  /* background-color: #0c8094; */
  /* background-color: #0c8094; */
  color: #fff;
}


/*真ん中の斜線*/

.offseason-tab__item.en {
  text-align: left;
  padding-left: 20px;
}

.offseason-tab__item.en::before {
  content: '';
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.offseason-tab__item.jp {
  text-align: right;
  padding-right: 10px;
}

.offseason-tab__item.jp::before {
  content: '';
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}

.offseason-tab__item.jp::after {
  content: '';
  width: 4px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  top: -10px;
  right: -10px;
  transform: rotateZ(30deg);
}


/* チェックオンのとき背景色変更 */

.offseason-tabs input:checked+.offseason-tab__item.en::before,
.offseason-tabs input:checked+.offseason-tab__item.jp::before {
  background-color: #0c8094;
}


/* new homepage css */

.p-header__upper {
  display: none;
}


/* .newhome .banner img {
  width: 100%;
}

.newhome .banner {
  position: relative;
  margin-top: -80px;
}

.newhome .banner .banner_text_section {
  position: absolute;
  color: #fff;
  max-width: 700px;
  left: 20%;
  top: 230px;
  font-size: 18px;
  line-height: 1.5;
}

.newhome .banner .banner_text_section .en_title {
  font-size: 72px;
  font-family: Book Antiqua;
  line-height: 1;
}

.newhome .banner .banner_text_section .jp_title {
  font-size: 42px;
}

.newhome .banner .readmore_btn {
  position: absolute;
  right: 20%;
  font-size: 24px;
  bottom: 50px;
  font-family: Book Antiqua;
}

.newhome .banner .readmore_btn a .btn_text {
  color: #fff;
  font-weight: 600;
} */

.newhome .sub_menu_section_wrap .wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
  font-family: Book Antiqua;
  padding: 30px 0px;
  font-weight: bold;
  padding-top: 0px;
}

.newhome .sub_menu_section_wrap .wrap .menu_item {
  font-weight: 600;
}

.menu_effects a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  }
  
  .menu_effects a::after {
  position: absolute;
  bottom: -14px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  }
  
  .menu_effects a:hover::after  {
  bottom: -6px;
  opacity: 1;
  visibility: visible;
  }

.newhome .product_section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  max-width: 1070px;
  margin: 0 auto;
  padding: 0px 0px 40px 0px;
}

.newhome .product_section .left_section {
  padding-right: 50px;
  line-height: 1.5;
  width: 50%;
}

.newhome .product_section .left_section .black_bg_title {
  font-size: 18px;
  background-color: #000;
  padding: 0px 10px;
  color: #fff;
  display: inline-block;
  font-family: Book Antiqua
}

.newhome .product_section .left_section .en_title {
  font-size: 26px;
  padding: 10px 0px;
}

.newhome .product_section .left_section .jp_text {
  line-height: 1.8;
}

.newhome .product_section .left_section .price {
  line-height: 1.8;
}

.newhome .product_section .left_section .shop_now_btn {
  margin-top: 20px;
}

.newhome .product_section .left_section .shop_now_btn a {
  padding: 6px 20px;
  border: 1px solid #000;
  background-color: #fff;
}

.newhome .gallery_section {
  max-width: 1070px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px!important;
}

.newhome .gallery_section .item {
  width: 23%;
  padding: 0px 20px;
}

.newhome .gallery_section .slick-prev:before,
.newhome .gallery_section .slick-next:before {
  font-size: 30px;
}

.newhome .gallery_section .slick-prev:before {}

.newhome .gallery_section .item .item-wrap {
  padding: 10px 0px;
}

.newhome .gallery_section .item img {
  width: 100%;
}


/* slider css */

.newhome .slider {
  max-width: 1070px;
  margin: 60px auto;
}

.newhome .slick-slide img {
  width: 100%;
}

.newhome .slick-prev:before,
.newhome .slick-next:before {
  color: black;
}

.newhome .slick-slide {
  transition: all ease-in-out .3s;
}

.newhome .slick-active {}

.newhome .slick-current {
  opacity: 1;
}


/* footer css */

.footer_section {
  background-color: #000;
  color: #fff;
}

.footer_section .footer_menu_section .item a {
  color: #fff;
}

.culture_trip_section {
  max-width: 1070px;
  margin: 0 auto;
}

.culture_trip_section.second_title {
  padding: 30px 0px 10px 0px;
}

.culture_trip_section>.title {
  text-align: center;
  padding: 20px 0px;
}

.culture_trip_section .title .black_bg_title {
  font-size: 18px;
  color: #fff;
  background: #000;
  display: inline-block;
  padding: 4px 10px;
  font-family: Book Antiqua;
}

.culture_trip_section .title .sub_title {
  font-size: 14px;
  font-family: Book Antiqua;
  padding: 6px 0px 20px 0px;
}

.culture_trip_section .blog_section ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.culture_trip_section .blog_section ul li {
  width: 48%;
  padding-bottom: 30px;
}

.culture_trip_section .blog_section ul li img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.culture_trip_section .blog_section ul li .first_line {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.culture_trip_section .blog_section ul li .first_line .title {
  font-size: 24px;
  font-weight: 600;
  font-family: Book Antiqua;
  padding-top: 20px;
  padding-bottom: 10px;
}

.culture_trip_section .blog_section ul li .first_line .title .trip_blog_ja_title {
  display: block;
  font-size: 19px;
  font-weight: 400;
  padding: 0.85em 0 0.25em;
  font-weight: bolder;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.culture_trip_section .blog_section ul li .first_line .category_name {
  font-size: 15px;
  padding: 3px 8px;
  border: 1px solid #000;
  background-color: #fff;
}

.culture_trip_section .blog_section ul li .content {
  font-size: 15px;
  line-height: 1.5;
  text-align: justify;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.culture_trip_section .blog_section ul li .featured_img {
  position: relative;
}

.culture_trip_section .blog_section ul li .featured_img:hover {
  opacity: 0.8;
}

.culture_trip_section .blog_section ul li .featured_img .read_more_text {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  color: #fff;
  font-family: Book Antiqua;
  padding: 5px 10px;
  font-size: 14px;
}

.lazy .slick-prev:before,
.lazy .slick-next:before {
  font-size: 30px;
}

.lazy .slick-dots li button:before {
  display: none;
}


/* footer css */

.footer_section .footer_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0px;
}

.footer_section .footer_menu_section .item a {
  font-size: 14px;
  font-weight: 600;
}

.footer_section .footer_menu_section .item {
  padding-bottom: 10px;
}

.footer_section .bottom_section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.footer_section .bottom_section .logo_img {
  padding-left: 50px;
}

.facebook_section,
.instagram_section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.facebook_section a,
.instagram_section a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.facebook_section a img,
.instagram_section a img {
  width: 20px;
}

.en_trans_section a .en_text {
  border: 1px solid #fff;
  padding: 0px 6px;
}

.p-header__membermenu-wishlist {
  display: none;
}

.p-header__lower {
  background-color: rgba(0, 0, 0, 0.7)!important;
}

.slick-dots li button::before {
  display: none;
}

.p-header-content .sub_title {
  color: #fff;
  text-align: left;
  font-size: 42px;
  font-weight: 900!important;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.p-header-content .p-header-content__button {
  text-align: right;
}

.p-header-content .p-header-content__button .p-button {
  background: none!important;
}

.p-header-content__catch {
  font-size: 72px!important;
  font-family: Book Antiqua!important;
  ;
}

.p-header-content__desc {
  line-height: 1.8;
  width: 70%;
}

.newhome .p-header-content__button .p-button {
  background: none;
  font-size: 24px;
  font-family: Book Antiqua;
}

.newhome .p-header-content__button .p-button:hover {
  background: none;
  color: #ddd;
}

.p-entry-post__body img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.bottom_section .copy_right {
  font-size: 11px;
}

.bottom_section .logo_img img {
  width: 200px;
  padding-top: 20px;
}

.offseason-tab__content-description img {
  margin-bottom: 15px;
}

.single_page_bottom_text {
  background-color: #efefef;
  padding: 10px 20px;
  margin-top: 40px;
}

.p-body p.img_caption {
  font-size: 14px;
  font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}

.slick-prev:before {
  font-size: 35px;
  line-height: 33px;
  width: 16px;
  color: transparent!important;
  content: 'a';
  background-size: 25px;
  background-repeat: no-repeat;
  background: url("img/Arrow_before.png");
  background-size: 100% 100%;
  transform: rotate(180deg);
}

.slick-next:before {
  font-size: 35px;
  line-height: 33px;
  width: 16px;
  color: transparent!important;
  content: 'a';
  background-size: 25px;
  background-repeat: no-repeat;
  background: url("img/Arrow.png");
  background-size: 100% 100%;
}

.p-sidebar {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.sp_breakpoint {
  display: none;
}

.footer_menu_section {
  position: relative;
}

.footer_menu_section .right_logo_img {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.img_wrap img {
  width: 100%;
}

.footer_menu_section .right_logo_img .img_wrap {
  width: 200px;
}

.slick-prev,
.slick-next {
  width: 30px!important;
  height: 30px!important;
}


/* newhomepage responsive css */

@media (max-width: 1200px) {
  .newhome .banner .banner_text_section {
    left: 10%;
    top: 130px;
  }
  .newhome .banner .readmore_btn {
    right: 10%;
  }
  .newhome .product_section .right_section img {
    width: 100%;
  }
  .newhome .product_section .right_section {
    width: 50%;
  }
  .newhome .product_section,
  .newhome .gallery_section,
  .newhome .culture_trip_section,
  .newhome .slider,
  .footer_section .footer_inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .slick-prev {
    left: 40px;
    z-index: 99;
  }
  .slick-next {
    right: 50px;
  }
}

@media (max-width: 991px) {
  .newhome .banner .banner_text_section {
    left: 5%;
    top: 100px;
    max-width: 700px;
    font-size: 14px;
  }
  .newhome .sub_menu_section_wrap .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .culture_trip_section .blog_section ul li a .first_line .title .trip_blog_ja_title {
    padding-left: 0px;
  }
  .culture_trip_section .blog_section ul li a .content {
    width: 100%;
  }
  .culture_trip_section {
    padding-bottom: 0px;
  }
  .p-drawer__membermenu .facebook_section,
  .p-drawer__membermenu .instagram_section,
  .p-drawer__membermenu .en_trans_section {
    display: none;
  }
  .p-header-content__desc {
    line-height: 1.5;
    width: 100%;
  }
  .p-header__logo--mobile a img {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .footer_menu_section .right_logo_img .img_wrap {
    width: 120px;
  }
  .newhome .p-header-content__button .p-button {
    font-size: 18px;
  }
  .p-header-content__catch {
    font-size: 20px!important;
  }
  .newhome .banner .banner_text_section {
    left: 5%;
    top: 100px;
    max-width: 700px;
    font-size: 14px;
  }
  .newhome .sub_menu_section_wrap .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .culture_trip_section .blog_section ul li a .first_line .title .trip_blog_ja_title {
    padding-left: 0px;
  }
  .culture_trip_section .blog_section ul li a .content {
    width: 100%;
  }
  .culture_trip_section {
    padding-bottom: 0px;
  }
  .p-drawer__membermenu .facebook_section,
  .p-drawer__membermenu .instagram_section,
  .p-drawer__membermenu .en_trans_section {
    display: block;
  }
  .p-header__logo--mobile a img {
    width: 150px;
  }
  .p-header__membermenu .facebook_section,
  .p-header__membermenu .instagram_section,
  .p-header__membermenu .en_trans_section {
    display: none;
  }
  .p-drawer__membermenu02 {
    display: block;
  }
  .p-header-content__image {
    height: 650px;
  }
  .newhome .sub_menu_section_wrap .wrap {
    font-size: 11px;
    padding: 0px 20px;
  }
  .newhome .product_section {
    flex-direction: column-reverse;
  }
  .newhome .product_section .right_section,
  .newhome .product_section .left_section {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  .newhome .product_section .left_section .en_title {
    font-size: 20px;
  }
  .newhome .product_section .left_section .jp_text {
    font-size: 13px;
  }
  .newhome .slider {
    margin: 0px auto;
    padding: 0px 30px;
  }
  .newhome .gallery_section .item {
    padding: 0px 10px;
  }
  .newhome .gallery_section .item .item-wrap {
    padding: 0px;
  }
  .slick-prev {
    left: 3px;
  }
  .slick-next {
    right: 3px;
  }
  .culture_trip_section .blog_section ul {
    flex-direction: column;
  }
  .culture_trip_section .blog_section ul li {
    width: 100%;
  }
  .culture_trip_section .blog_section ul li img {
    height: 200px;
  }
  .culture_trip_section .blog_section ul li a .first_line .title {
    font-size: 16px;
    padding-top: 10px;
  }
  .culture_trip_section .blog_section ul li a .first_line .title {
    font-size: 13px;
    line-height: 1.5;
  }
  .footer_section .bottom_section {
    flex-direction: column;
  }
  .p-entry__thumbnail img {
    height: 230px;
  }
  .p-entry-post__body img {
    height: 230px;
  }
  .p-header-content .sub_title {
    font-size: 16px;
  }
  .p-header-content__desc {
    line-height: 1.5;
    width: 100%;
  }
  .culture_trip_section .title .black_bg_title {
    font-size: 14px;
  }
  .culture_trip_section .title .sub_title {
    font-size: 12px;
    padding: 6px 0px 0px 0px;
  }
  .culture_trip_section .blog_section ul li .first_line .title {
    font-size: 18px;
  }
  .culture_trip_section .blog_section ul li .first_line .title .trip_blog_ja_title {
    font-size: 14px;
  }
  .culture_trip_section .blog_section ul li .first_line .category_name {
    font-size: 10px;
    padding: 2px 4px;
  }
  .culture_trip_section .blog_section ul li .content {
    font-size: 11px;
  }
  .culture_trip_section .blog_section ul li .featured_img .read_more_text {
    padding: 4px;
    font-size: 10px;
  }
  .offseason-tab__item {
    width: 81px;
    height: 20px;
    line-height: 2;
    font-size: 10px;
  }
  .offseason-tabs .jp_title {
    font-size: 20px;
    padding-top: 30px;
  }
  .p-body h2 {
    font-size: 14px;
  }
  .p-body p {
    font-size: 13px;
    line-height: 1.8;
  }
  .p-body p.img_caption {
    font-size: 12px;
  }
  .offseason-tabs .en_title {
    top: 23px;
  }
  .footer_section .bottom_section {
    padding-top: 20px;
  }
  .footer_section .footer_menu_section .item a {
    font-size: 12px;
  }
  .bottom_section .copy_right {
    font-size: 10px;
  }
  body.archive .blog_section {
    padding: 0px 20px;
  }
  .sp_breakpoint {
    display: block;
  }
}

.p-entry-product__cart .p-button {
  background-color: #000;
}





/*#____--- 2022-11: top & CULTURE TOP ---- __________________________#*/

.home .l-main {
overflow-x: hidden;
}

.p-archive03__item-title {
font-weight: normal;
}


/*#____--- TOP ---- __________________________#*/
.link-archive {
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.link-archive {
margin: 2em 0 3em;
font-size: 1.7em;
font-weight: bold;
text-align: center;
}

.link-archive a {
display: inline-block:
margin: 0 auto;
padding: 0 0 0.2em;
border-bottom: solid 3px #000;
}

.culture_trip_section.second_title {
border-top: solid 2px #000;
margin-top: -2px;
padding-top: 0;
margin-bottom: 0;
}

.product_section .left_section .jp_text {
margin-bottom: 3em;
}

.product_section .right_section img {
max-width: 520px;
}

.newhome .product_section {
border-bottom: solid 2px #000;
}

@media (max-width: 767px) {
  .newhome .slider {
    margin-top: 30px;
  }

.link-archive {
margin: 1em 0 4em;
font-size: 1.2em;
}

.link-archive a {
border-bottom-width: 1px;
}

.culture_trip_section.second_title {
margin: -2px 20px 0;
}

.newhome .product_section {
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}

}


/*#____--- CULTURE TRIP ---- __________________________#*/
body.archive .offseason-tabs {
display:none;
}

.culture_trip_section {
margin-bottom: 3em;
}

.blk-announce {
margin: 0 0 6em;
}

.culture_trip_section .category_name {
font-size: 12px !important;
white-space: nowrap;
}

@media (max-width: 767px) {
.culture_trip_section .category_name {
font-size: 8px !important;
}
}


/*#____--- CULTURE TRIP header ---- __________________________#*/
.archive-header {
margin: 2em 0 3em;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 1.1em;
}

.archive-header .cont-heading {
margin: 0 0 7px;
padding: 0.3em;
border: solid #000;
border-width: 1px 0;
font-size: 1.3em;
text-align: center;
}

.archive-menu {
overflow: hidden;
}

.archive-menu .cont-body {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: calc(100% + 20px);
margin-left: -10px;
text-align: center;
}

.archive-menu .cont-item {
flex-basis: 22%;
max-width: 22%;
border-right: 1px solid transparent;
color: #fff;
}

.archive-menu .cont-item a {
display: block;
width: 100%;
background: #000;
margin: 0 0 1px;
padding: 7px 0;
color: #fff;
text-decoration: none;
transform: skewX(150deg);
}

.archive-menu .cont-item span {
display: block;
transform: skewX(-150deg);
}

.term-48 .term-trip a
,.term-43 .term-people a
,.term-58 .term-art a
,.term-39 .term-book a
,.term-40 .term-sound a
,.term-50 .term-surf a
,.term-51 .term-snow a
,.term-52 .term-skate a
,.archive-menu .cont-item a:hover {
background-color: #0c8094;
}

@media (max-width: 991px) {
.archive-menu .cont-body {
flex-wrap: wrap;
width: calc(100% + 20vw);
margin-left: -10vw;
}
}


/*#____--- pager ---- __________________________#*/
.page-numbers {
  display: block !important;
  margin-top: 55px;
  text-align: center;
}

.page-numbers li {
  display: inline-block;
  width: auto !important;
  margin: 5px 0 0 0;
  padding: 0;
  vertical-align: top;
}

.page-numbers li a,
.page-numbers li span {
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  display: inline-block;
  font-size: 14px;
  height: 45px;
  line-height: 43px;
  min-width: 45px;
  padding: 0 5px;
  text-align: center;
}

.page-numbers li .current,
.page-numbers li a:hover {
  background: #0c8094;
  border-color: #0c8094;
  color: #fff;
}

.page-numbers li .prev,
.page-numbers li .next {
  font-family: "design_plus";
  font-size: 12px;
}

.p-pager-comments {
  margin-bottom: 30px;
  margin-top: 26px;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .page-numbers {
    margin-top: 35px;
  }
  .page-numbers li a,
  .page-numbers li span {
    height: 40px;
    line-height: 38px;
    min-width: 40px;
  }
}

/*#____--- 2023-11: Gnav ---- __________________________#*/
.newhome .sub_menu_section_wrap .wrap {
max-width: 1070px;
font-size: min(10px ,0.94vw);
}

.newhome .sub_menu_section_wrap .wrap * {
transition: all 0.3s;
}

.sub_menu_section_wrap .menu_item {
overflow: hidden;
height: 5em;
margin: 0 0.5em;
}

.sub_menu_section_wrap .menu_item a {
display: block;
padding: 0 0.75em;
}

.sub_menu_section_wrap .menu_item img {
height: 10em;
}

.sub_menu_section_wrap .menu_item a:hover {
background: #000;
}

.sub_menu_section_wrap .menu_item a:hover img {
transform: translateY(-5em);
}

.culture_trip_section .title-icon {
width: 3.4em;
height: auto;
margin: 0 0 0.3em;
}

@media (max-width: 767px) {
.culture_trip_section .title-icon {width: 2em;}
}

.p-header__lower-inner a:hover {
color: #fff !important;
}

#menu-item-387 a {
padding-left: calc(26px + 1.4em);
background: url(img/icon_culture_w.png) 20px 50% no-repeat;
background-size: auto 1.4em;
}

#menu-item-388 a {
padding-left: calc(26px + 1.4em);
background: url(img/icon_product_w.png) 20px 50% no-repeat;
background-size: auto 1.4em;
}

#menu-item-5583 a {
padding-left: calc(26px + 1.5em);
background: url(img/icon_gallery_w.png) 20px 50% no-repeat;
background-size: auto 1.5em;
}

.top-item-icon {
display: block;
width: 2em;
height: auto;
margin: 0 auto 0.3em;
}