@charset "UTF-8";
[class*=grid],
[class*=col-],
[class*=mobile-],
.grid:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*=col-] {
  float: left;
  min-height: 1px;
  padding-right: 20px; /* column-space */
}

[class*=col-] [class*=col-]:last-child {
  padding-right: 0;
}

.grid {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.grid-wide {
  width: 95%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.grid-mid {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 1em 0;
  overflow: hidden;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid-wide:after {
  content: "";
  display: table;
  clear: both;
}

.grid-pad {
  padding-top: 20px;
  padding-left: 20px; /* grid-space to left */
  padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.grid-nopad {
  padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
  float: right;
}

.row {
  width: 100%;
}

/* Content Columns */
.col-1-1 {
  width: 100%;
}

.col-2-3, .col-8-12 {
  width: 66.66%;
}

.col-1-2, .col-6-12 {
  width: 50%;
}

.col-1-3, .col-4-12 {
  width: 33.33%;
}

.col-1-4, .col-3-12, .grid-sizer {
  width: 25%;
}

.col-1-5 {
  width: 20%;
}

.col-1-6, .col-2-12 {
  width: 16.667%;
}

.col-1-7 {
  width: 14.28%;
}

.col-1-8 {
  width: 12.5%;
}

.col-1-9 {
  width: 11.1%;
}

.col-1-10 {
  width: 10%;
}

.col-1-11 {
  width: 9.09%;
}

.col-1-12 {
  width: 8.33%;
}

/* Layout Columns */
.col-11-12 {
  width: 91.66%;
}

.col-10-12 {
  width: 83.333%;
}

.col-9-12 {
  width: 75%;
}

.col-5-12 {
  width: 41.66%;
}

.col-7-12 {
  width: 58.33%;
}

/* Pushing blocks */
.push-2-3, .push-8-12 {
  margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
  margin-left: 50%;
}

.push-1-3, .push-4-12 {
  margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
  margin-left: 25%;
}

.push-1-5 {
  margin-left: 20%;
}

.push-1-6, .push-2-12 {
  margin-left: 16.667%;
}

.push-1-7 {
  margin-left: 14.28%;
}

.push-1-8 {
  margin-left: 12.5%;
}

.push-1-9 {
  margin-left: 11.1%;
}

.push-1-10 {
  margin-left: 10%;
}

.push-1-11 {
  margin-left: 9.09%;
}

.push-1-12 {
  margin-left: 8.33%;
}

@media handheld, only screen and (max-width: 767px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px; /* grid-space to left */
    padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
  }
  [class*=col-] {
    width: auto;
    float: none;
    margin: 10px 0;
    padding-left: 0;
    padding-right: 10px; /* column-space */
  }
  [class*=col-] [class*=col-] {
    padding-right: 0;
  }
  /* Mobile Layout */
  [class*=mobile-col-] {
    float: left;
    margin: 0 0 10px;
    padding-left: 0;
    padding-right: 10px; /* column-space */
    padding-bottom: 0;
  }
  .mobile-col-1-1 {
    width: 100% !important;
  }
  .mobile-col-2-3, .mobile-col-8-12 {
    width: 66.66%;
  }
  .mobile-col-1-2, .mobile-col-6-12 {
    width: 50%;
  }
  .mobile-col-1-3, .mobile-col-4-12 {
    width: 33.33%;
  }
  .mobile-col-1-4, .mobile-col-3-12 {
    width: 25%;
  }
  .mobile-col-1-5 {
    width: 20%;
  }
  .mobile-col-1-6, .mobile-col-2-12 {
    width: 16.667%;
  }
  .mobile-col-1-7 {
    width: 14.28%;
  }
  .mobile-col-1-8 {
    width: 12.5%;
  }
  .mobile-col-1-9 {
    width: 11.1%;
  }
  .mobile-col-1-10 {
    width: 10%;
  }
  .mobile-col-1-11 {
    width: 9.09%;
  }
  .mobile-col-1-12 {
    width: 8.33%;
  }
  /* Layout Columns */
  .mobile-col-11-12 {
    width: 91.66%;
  }
  .mobile-col-10-12 {
    width: 83.333%;
  }
  .mobile-col-9-12 {
    width: 75%;
  }
  .mobile-col-5-12 {
    width: 41.66%;
  }
  .mobile-col-7-12 {
    width: 58.33%;
  }
  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}
/*
Theme Name: Couture
Theme URI: https://thepixeltribe.com/downloads/wordpress-couture-theme-for-photographers-designers-illustrators/
Author: Fortisthemes
Author URI: https://thepixeltribe.com
Description: Couture is simple, modern, responsive WordPress theme built for bloggers, photographer, designer, illustrators, portfolios and curator of all things digital. Build beautiful portfolio sites for your projects or freelance website, simple 1 minute installation. You want more? check out the pro version for a dedicated WordPress portfolio plugin and  tech support. 
Version: 1.0.18
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: couture
Tags: two-columns, three-columns, right-sidebar, grid-layout, custom-background, custom-menu, custom-logo, featured-images, theme-options, translation-ready, blog, portfolio


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

couture is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 25px;
  line-height: 30px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

p {
  margin-bottom: 1.5em;
}

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

.entry-title {
  text-align: center;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #f5f5f5; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #eee;
  border-radius: 3px;
  background: #24c429;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 15px 25px;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  opacity: 0.8;
}

button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

.widget input[type=search] {
  padding: 10px;
  width: 54%;
}

select {
  border: 1px solid #ccc;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #040404;
}

a:hover,
a:focus,
a:active {
  opacity: 0.8;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  padding: 1% 0 4%;
}

.site-branding {
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}

.site-branding h1 {
  font-size: 60px;
  margin: 0;
}

.site-branding p {
  margin: 0;
  color: #777;
  font-size: 12px;
}

.site-branding h1 a {
  text-decoration: none;
}

.header-image {
  position: relative;
  margin-bottom: 1.5em;
}

.header-content {
  text-align: center;
  position: absolute;
  top: 40%;
  z-index: 999;
  color: #fff;
}

.header-content h1 {
  font-size: 45px;
}

.home [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#cssmenu {
  background: transparent;
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#cssmenu ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  float: none;
  text-align: center;
}

#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}

#cssmenu a {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}

#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
  z-index: 9999;
}

#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
}

#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}

#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}

#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}

#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}

#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 11px 10px 11px 20px;
}

#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: #4cb6ea;
}

#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}

#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}

#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}

#cssmenu > ul > li {
  display: inline-block;
}

#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}

#cssmenu.align-center > ul {
  text-align: center;
}

#cssmenu.align-center ul ul {
  text-align: left;
}

#cssmenu.align-right > ul {
  float: right;
}

#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}

#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}

#cssmenu.align-right ul ul li a {
  text-align: right;
}

#cssmenu > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -ms-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
}

#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}

#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}

#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #24c429;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}

#cssmenu > ul > li > a {
  color: #000;
  padding: 15px 20px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  z-index: 2;
  position: relative;
  text-align: left;
}

#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}

#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}

#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}

#cssmenu > ul > li:hover > ul {
  left: 0;
}

#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}

#cssmenu #menu-button {
  display: none;
}

#cssmenu > ul > li > a {
  width: auto;
  display: inline-block;
}

#cssmenu > ul > li {
  width: auto;
}

#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}

#cssmenu > ul > li > ul > li {
  width: 170px;
  display: block;
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
#cssmenu ul li.has-sub > a:before,
#cssmenu ul li ul li.has-sub:after,
#cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
#cssmenu ul li ul li ul,
#cssmenu ul li ul li:hover > ul,
#cssmenu.align-right ul li ul,
#cssmenu.align-right ul li ul li ul,
#cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
#cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #333;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
    cursor: pointer;
    border: 1px solid #333;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: "";
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: "";
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    right: 20px;
    top: 26px;
  }
}
.site-main {
  position: relative;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.nav-links a {
  padding: 5%;
  line-height: 3;
  background: #fff;
  border: 0px solid #eee;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  background: #fff;
  padding: 5% 10%;
}

.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget ul li {
  padding: 10px 0;
  border-bottom: 2px solid #f5f5f5;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.post-thumb {
  max-height: 400px;
  overflow: hidden;
  line-height: 0;
}

.single-post-thumb,
.post-thumb img {
  width: 100%;
}

.entry-header {
  text-align: center;
  padding: 5% 10%;
  background: #fff;
}

.single .entry-header {
  padding: 5% 10% 1%;
}

.entry-header .cat a {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #888;
  text-decoration: underline;
}

.entry-content {
  padding: 0% 10%;
}

.masonry .col-3-12 {
  float: none !important;
  clear: both;
}

@media handheld, only screen and (max-width: 767px) {
  .masonry .col-3-12 {
    width: 100%;
  }
  .site-header {
    padding: 0;
  }
}
.masonry .hentry,
.col-6-12 {
  background: #fff;
  overflow: hidden;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.single .hentry {
  background: #fff;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/***************************

    PRO-COMMENTS

****************************/
#comments ul,
#comments ol {
  padding: 0;
  margin: 0;
}

#comments {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 100%;
  text-align: left;
  padding-top: 0px;
  margin-top: 40px;
  clear: left;
  display: block;
  background: #ffffff;
  border-bottom: 8px solid #e0e0e2;
}

#responder {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #707070;
  clear: left;
  padding-top: 0px;
  background: #ffffff;
  border-bottom: 8px solid #e0e0e2;
  margin-top: 40px;
}

#commentform {
  margin: 30px;
}

.comment-content:after {
  clear: none;
}

.comments-area {
  width: 60%;
  margin: 0 auto;
}

.comment-notes {
  font-size: 15px;
}

.form-allowed-tags {
  display: none;
}

.comment-form-comment textarea {
  clear: both;
  padding: 10px;
  display: block;
  width: 95%;
}

.comment-form-comment label {
  display: none;
}

.commentinfo {
  font-size: 15px;
  margin-top: 10px;
}

.cancelcomment {
  margin-bottom: 10px;
}

.form-allowed-tags {
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.comment-form-author label {
  margin-top: 10px;
  font-size: 15px;
  display: block;
}

.comment-form-author input {
  width: 95%;
  padding: 10px;
}

.comment-form-email label {
  font-size: 15px;
  display: block;
}

.comment-form-email input {
  width: 95%;
  padding: 10px;
}

.comment-form-comment label {
  font-size: 15px;
  display: block;
}

.comment-form-comment input {
  width: 95%;
  padding: 10px;
}

.comment-form-url label {
  font-size: 15px;
  display: block;
}

.comment-form-url input {
  width: 95%;
  margin-bottom: 20px;
  padding: 10px;
}

#comments .edit-link {
  clear: both;
  margin-left: 15px;
}

.pingback {
  margin-left: 50px;
}

.pingback .comment-body {
  margin-left: 10px;
}

.comment {
  line-height: 20px;
}

#commentsform {
  padding-right: 10px;
  position: relative;
  margin-bottom: 0px;
}

#comments p {
  line-height: 24px;
}

.yours {
  float: right;
  margin-top: 20px;
}

.comment {
  padding-bottom: 20px;
}

.comment-author a {
  color: #C8C8C8;
}

.fn {
  font-style: normal;
}

.comment-meta {
  font-size: 11px;
}

.comment-meta span {
  display: inline;
}

.comment-meta a {
  border-bottom: 0px;
}

.comment-meta a:visited {
  border-bottom: 0px;
}

.comment-body {
  margin-left: 70px;
  margin-right: 50px;
}

.comment-body p {
  margin-top: 0px;
  line-height: 20px;
  margin-left: 53px;
}

.comment li {
  margin-top: 50px;
}

.comment {
  list-style-type: none;
  margin-top: 0px;
}

.depth-1 {
  margin-top: 50px;
}

.depth-2 {
  margin-top: 50px;
  margin-left: 10%;
}

.depth-3 {
  margin-top: 50px;
  margin-left: 10%;
}

.reply {
  float: right;
  position: relative;
  border-bottom: 3px solid #e2e2e2;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
  clear: both;
}

.comment-reply-link {
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  line-height: 1;
  padding: 0.6em 1em 0.6em;
  color: white !important;
  background-color: #1e1e1e;
}

a.comment-reply-link {
  float: right;
}

a.comment-reply-link:visited {
  color: white;
}

a.comment-reply-link:hover {
  background-color: #4C4C4C;
  color: white;
}

.commentinput {
  width: 50%;
  margin-bottom: 20px;
}

.commentbox {
  width: 70%;
  height: 150px;
}

.commentinfo {
  font-size: 11px;
  margin-top: 20px;
}

.commentsubmit {
  margin-top: 20px;
  display: block;
  background-color: #464646;
  color: white;
  border: 0px;
  font-size: 11px;
  padding: 5px 15px;
}

.commentsubmit:hover {
  background-color: #464646;
  cursor: pointer;
}

.cancelcomment {
  margin-bottom: 10px;
}

#comments .avatar {
  float: left;
  margin-right: 10px;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

#comments .comment-author {
  font-size: 14px;
  color: #010101;
  clear: both;
}

.comments-title {
  padding: 20px;
  border-bottom: 3px solid #e2e2e2;
  font-size: 20px;
}

.comments-title span {
  display: inline;
}

.comments-title .fa {
  color: #ed1c24;
  margin-right: 7px;
}

#reply-title {
  font-size: 20px;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
}

.comment-reply-title {
  clear: both;
}

.comment-content {
  padding-left: 8px;
}

.comment-metadata {
  font-size: 11px;
}

.no-comments {
  font-size: 15px;
  font-weight: 400;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

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

.footer .site-info,
.footer .site-info a {
  font-size: 12px;
  color: #777;
}

.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
}

.pagination span,
.pagination a {
  display: inline-block;
  margin: 2px 2px 2px 0;
  padding: 1em 1.2em;
  text-decoration: none;
  line-height: 1;
  width: auto;
  color: #333;
  background: #fff;
}

.pagination a:hover {
  color: #fff;
  background: #24c429;
}

.pagination .current {
  padding: 1em 1.2em;
  background: #24c429;
  color: #fff;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*PRO STYLES*/
.nav--open .sidebar-off-canvas {
  left: 0;
}

.nav--open .sidebar-off-canvas-mask {
  background: rgba(27, 27, 27, 0.5);
  visibility: visible;
}

.site-container.search--open {
  transform: translate(0, 150px);
}

.sidebar-off-canvas {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -380px;
  background: #fff;
  width: 350px;
  transition: right 0.3s ease-in-out, left 0.3s ease-in-out;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.sidebar-off-canvas .sidebar-off-canvas-top {
  position: absolute;
  top: 0;
  left: 50%;
  height: 170px;
  margin-left: -150px;
  z-index: 9999;
}

.sidebar-off-canvas .site-logo-sidebar-wrapper {
  margin: 90px auto 0;
}

.sidebar-off-canvas .site-logo-sidebar-wrapper .off-canvas-logo {
  text-indent: -9999em;
  overflow: hidden;
  background-repeat: no-repeat;
  display: block;
}

.sidebar-off-canvas .sidebar-off-canvas-widgets {
  padding: 60px 0 30px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.sidebar-off-canvas > * {
  width: 300px;
  margin: 0 auto;
}

.sidebar-off-canvas .couture-social-icons {
  float: none;
  padding-bottom: 8px;
}

.sidebar-off-canvas-mask {
  content: "";
  position: absolute;
  top: 0;
  right: -9000px;
  background: transparent;
  width: 9000px;
  height: 9000px;
  transition: background 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
}

.sidebar-off-canvas-mask:hover {
  cursor: url("../../img/cursor-off-canvas.png") 12 12, default;
}

.sidebar-off-canvas-bottom {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
  overflow: hidden;
  z-index: 999;
}

.sidebar-off-canvas-widgets ul.instagram-pics li {
  width: 48%;
  margin: 1%;
  padding: 0;
  float: left;
}

.sidebar-off-canvas-widgets ul.instagram-pics:after {
  clear: both;
}

.site-header .col-8-12 {
  position: relative;
}

#cssmenu {
  margin-right: 20px;
}

.sidebar-toggle {
  position: absolute;
  top: 40px;
  right: 35%;
  z-index: 3;
}

.hamburger {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 15px;
}

.hamburger .patty {
  background: #000;
}

.hamburger .patty {
  position: absolute;
  left: 0;
  width: 20px;
  height: 3px;
  transform: translate3d(0, 0, 0);
  transition: all 300ms cubic-bezier(0.17, 0.67, 0.6, 1.3);
}

.hamburger .patty:nth-child(1) {
  top: 0;
  left: -15px;
  opacity: 0;
  transition-delay: 300ms;
}

.hamburger .patty:nth-child(2) {
  top: 6px;
  left: -15px;
  opacity: 0;
  transition-delay: 200ms;
}

.hamburger .patty:nth-child(3) {
  top: 12px;
  left: -15px;
  opacity: 0;
  transition-delay: 100ms;
}

.hamburger .patty:nth-child(4) {
  top: 0;
  opacity: 1;
  transition-delay: 300ms;
}

.hamburger .patty:nth-child(5) {
  top: 6px;
  opacity: 1;
  transition-delay: 200ms;
}

.hamburger .patty:nth-child(6) {
  top: 12px;
  opacity: 1;
  transition-delay: 100ms;
}

.sidebar-toggle-btn {
  display: block;
}

.sidebar-toggle-btn:hover .patty {
  transform: translate3d(15px, 0, 0);
}

.sidebar-toggle-btn:hover .patty:nth-child(1) {
  opacity: 1;
  transition-delay: 100ms;
}

.sidebar-toggle-btn:hover .patty:nth-child(2) {
  opacity: 1;
  transition-delay: 200ms;
}

.sidebar-toggle-btn:hover .patty:nth-child(3) {
  opacity: 1;
  transition-delay: 300ms;
}

.sidebar-toggle-btn:hover .patty:nth-child(4) {
  opacity: 0;
  transition-delay: 100ms;
}

.sidebar-toggle-btn:hover .patty:nth-child(5) {
  opacity: 0;
  transition-delay: 200ms;
}

.sidebar-toggle-btn:hover .patty:nth-child(6) {
  opacity: 0;
  transition-delay: 300ms;
}

.sidebar-toggle-btn.active .patty:nth-child(1) {
  opacity: 1;
  transform: rotateZ(45deg) translate(18px, -10px);
}

.sidebar-toggle-btn.active .patty:nth-child(2),
.sidebar-toggle-btn.active .patty:nth-child(4),
.sidebar-toggle-btn.active .patty:nth-child(5),
.sidebar-toggle-btn.active .patty:nth-child(6) {
  opacity: 0;
}

.sidebar-toggle-btn.active .patty:nth-child(3) {
  opacity: 1;
  transform: rotateZ(-45deg) translate(18px, 9px);
}

/* Instagram */
.couture-builder-widget-instagram-feed .instagram-feed-wrapper {
  position: relative;
}

.couture-builder-widget-instagram-feed .row,
.couture-builder-widget-instagram-feed .row .column {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

#secondary .couture-builder-widget-instagram-feed .row .column {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  width: 50% !important;
  float: left;
  height: 150px;
}

.couture-builder-widget-instagram-feed .row:before,
.couture-builder-widget-instagram-feed .row:after,
.couture-builder-widget-instagram-feed .row .column:before,
.couture-builder-widget-instagram-feed .row .column:after {
  content: " ";
  display: table;
}

.couture-builder-widget-instagram-feed .instagram-feed-wrapper h4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  font-size: 12px;
  background-color: #FFF;
  color: #000000;
  padding: 0 20px;
  margin: auto;
  line-height: 44px;
  height: 44px;
  transform: translateX(-50%);
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 99;
}

.couture-builder-widget-instagram-feed .column figure {
  margin: 0;
}

.couture-builder-widget-instagram-feed .row:after,
.couture-builder-widget-instagram-feed .row .column:after {
  clear: both;
}

.couture-builder-widget-instagram-feed .col-2-12 .wrapper-inner {
  min-height: 224px;
}

.couture-builder-widget-instagram-feed .col-2-5-12 .wrapper-inner {
  min-height: 268px;
}

.couture-builder-widget-instagram-feed .col-3-12 .wrapper-inner {
  min-height: 335px;
}

.couture-builder-widget-instagram-feed .col-4-12 .wrapper-inner {
  min-height: 447px;
}

.couture-builder-widget-instagram-feed .col-6-12 .wrapper-inner {
  max-height: 671px;
}

.couture-builder-widget-instagram-feed a {
  display: block;
  color: #000000;
}

.couture-builder-widget-instagram-feed a:hover {
  color: #337ab7;
}

.couture-builder-widget-instagram-feed .wrapper-inner {
  display: block;
  width: 100%;
  min-height: 206px;
  background-size: cover;
  position: relative;
}

.couture-builder-widget-instagram-feed .wrapper-inner > a {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 5;
  position: absolute;
}

.couture-builder-widget-instagram-feed .wrapper-inner:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  bottom: 0;
  position: absolute;
  z-index: 3;
  opacity: 0.4;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.couture-builder-widget-instagram-feed .wrapper-inner:hover .overlay {
  opacity: 1;
}

.couture-builder-widget-instagram-feed .wrapper-inner:hover .overlay:after,
.couture-builder-widget-instagram-feed .wrapper-inner:hover .overlay:before {
  transform: scale(1);
}

.couture-builder-widget-instagram-feed .wrapper-inner:hover .icons {
  margin-top: -10px;
  opacity: 1;
}

.couture-builder-widget-instagram-feed .icons {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color: #fff;
  margin-top: 20px;
  margin-left: -10px;
  opacity: 0;
  text-align: center;
  transition: all 0.2s ease-in-out;
  z-index: 9;
}

.couture-builder-widget-instagram-feed .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.35s ease 0s;
}

.couture-builder-widget-instagram-feed .overlay:before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: scale(0, 1);
}

.couture-builder-widget-instagram-feed .overlay:after,
.couture-builder-widget-instagram-feed .overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  opacity: 1;
  transition: transform 0.35s ease 0s;
}

.couture-builder-widget-instagram-feed .instagram-feed-wrapper h5 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  font-size: 12px;
  background-color: #FFF;
  color: #000000;
  padding: 0 20px;
  margin: auto;
  line-height: 44px;
  height: 44px;
  transform: translateX(-50%);
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 99;
}

/* Author box */
.author-box {
  position: relative;
  padding: 40px 0;
  font-size: 15px;
  min-height: 130px;
  margin-bottom: 20px;
}

.author-box:before,
.author-box:after {
  content: " ";
  display: table;
}

.author-box:after {
  clear: both;
}

.author-box img {
  background-color: #e8e8e8;
  padding: 3px;
  border-radius: 50%;
  float: left;
  width: 88px;
  height: 88px;
}

.author-box-title {
  font-size: 16px;
  margin-bottom: 4px;
}

/* Footer menu */
.footer-menu {
  float: none;
  text-align: center;
  width: 100%;
  margin-left: 0;
}

.footer-menu li {
  display: inline-block;
  float: none;
  list-style: none;
}

.footer-menu a {
  display: block;
  font-size: 14px;
  text-align: center;
  padding: 0 10px;
}

/*Widget*/
.widget_magazeen_popular_posts {
  counter-reset: item;
  padding: 0;
  margin: 0;
}

.widget_magazeen_popular_posts li {
  counter-increment: item;
  padding: 1px 0;
  list-style: none;
  padding-left: 50px;
  position: relative;
}

.widget_magazeen_popular_posts li:before {
  content: counter(item);
  color: #000;
  margin-right: 10px;
  font-size: 3em;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 2;
}

.widget-thumb img {
  border-radius: 50%;
  line-height: 0;
}

.widget-titlex {
  margin: 0;
}

.widget_recent_entries h3.entry-title {
  margin: 0;
}

.widget h3.entry-title {
  font-size: 16px;
  text-align: left;
}

.footer-instagram ul {
  display: flex;
}

.footer-instagram ul li {
  margin: 5px;
  border-bottom: none;
}

.footer-instagram .widget p {
  text-align: center;
}

.footer-instagram .widget {
  padding: 1em 0;
}

.footer-instagram .widget-title {
  display: none;
}

/*content*/
.masonry .hentry {
  position: relative;
}

.masonry .layout2 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 30%;
  width: 40%;
  background: #fff;
  padding: 20px;
}

.masonry .layout2 h3.entry-title a {
  color: #000;
  font-size: 40px;
}

.post-thumb-wide {
  line-height: 0;
  max-height: 650px;
  overflow: hidden;
}

@media handheld, only screen and (max-width: 767px) {
  .masonry .layout2 {
    position: relative;
    bottom: none;
    right: none;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px;
  }
  .masonry .layout2 h3.entry-title a {
    font-size: 40px;
  }
  #secondary .couture-builder-widget-instagram-feed .row .column {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    width: 50% !important;
    float: left;
    max-height: 150px;
  }
  .header-content h1 {
    font-size: 20px;
  }
  .sidebar-toggle {
    right: 15%;
  }
}
@media handheld, only screen and (max-width: 640px) {
  .header-content h1 {
    font-size: 17px;
  }
  .sidebar-toggle {
    right: 5%;
  }
}
/*
 * Compatibility layer migrated from calendar2021/style.css.
 * Keep existing order here; move rules into focused partials when edited.
 */
ins.adsbygoogle {
  background-color: transparent;
}

.is_sp {
  display: block;
}

.is_pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  .is_sp {
    display: none;
  }
  .is_pc {
    display: block;
  }
}
.entry-content .mec-wrap h1, .entry-content .mec-wrap h2, .entry-content .mec-wrap h3, .entry-content .mec-wrap h4, .entry-content .mec-wrap h5, .entry-content .mec-wrap h6, .mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6 {
  /* font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; */
}

.lity-container, .mec-wrap, .mec-wrap div:not([class^=elementor-]) {
  /* font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; */
}

@media only screen and (max-width: 768px) {
  body {
    overflow-wrap: break-word !important;
    /* padding-top: 20px; */
    /* background: url("../../img/header_bg.png") no-repeat center top; */
    /* background-size: contain; */
  }
  /* .site-footer {
    padding-bottom: 55vw;
    background: url("../../img/footer_bg.png") no-repeat center bottom;
    background-size: contain;
  } */
}
.mec-event-title {
  text-transform: none !important;
}

/* site-sammary
-----------------------*/
.site-sammary {
  /* margin-top: -8px; */
  height: 22px;
}

.site-sammary p {
  background: #24c429;
  line-height: 1.2;
  color: #fff;
  padding: 4px 8px 5px;
  margin: 0;
  font-size: 11px !important;
  font-family: sans-serif;
}

.site-sammary p span {
  display: block;
  max-width: 1130px;
  margin: 0 auto;
}

/* pickup-entry
-----------------------*/
.pickup-entry {
  position: relative;
  background: #f0f0f0;
}

.pickup-entry .mec-event-list-minimal {
  position: relative;
  height: 28px;
  overflow: hidden;
  max-width: 1130px;
  margin: 0 auto;
}

.pickup-entry .mec-event-article {
  display: none;
  padding: 0;
  width: 100%;
}

.pickup-entry .mec-event-article > div {
  margin: 0;
}

.pickup-entry .mec-event-date,
.pickup-entry .mec-event-detail,
.pickup-entry .btn-wrapper {
  display: none !important;
}

.pickup-entry .mec-event-title {
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  padding: 0;
  margin: 0;
}

.pickup-entry .mec-event-title a {
  display: block;
  position: relative;
  padding: 8px 5px 7px 33px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pickup-entry .event-color {
  border-radius: 2px;
  width: 32px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 0;
}

.pickup-entry .event-color:after {
  content: "無料";
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 10;
}

#ticker-singlePage {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

#ticker-frontPage {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 100;
}

/* header
-----------------------*/
body:not(.home) .site-header {
  padding-top: 25px;
}

@media only screen and (min-width: 768px) {
  .site-header {
    padding: 10px 0 30px;
  }
  body:not(.home) .site-header {
    padding-top: 40px;
  }
}
.site-branding {
  padding-bottom: 0;
}

.site-branding h1 {
  font-size: 30px;
}

.custom-logo-link {
  display: block;
  padding: 10px 0 0;
  margin: 0 17.5vw 0 12vw;
}

.custom-logo-link img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 640px) {
  .custom-logo-link {
    width: 400px;
    margin: 0 auto 0 auto;
  }
}
.sidebar-toggle {
  position: fixed;
  top: 60px;
  right: 40px;
  /* left: 40px; */
  transform: scale(1.8, 1.8);
  z-index: 110;
}

.nav--open .sidebar-toggle-btn {
  margin-right: 4px;
}

.btn_calendar {
  position: fixed;
  top: 85px;
  right: 33px;
  z-index: 100;
}

.btn_calendar a {
  display: block;
  width: 35px;
  height: 50px;
  background: url("../../img/ico_calendar.svg") no-repeat right top;
  background-size: contain;
  transition: 0.4s;
}

@media only screen and (min-width: 640px) {
  .btn_calendar a:hover {
    transform: rotateY(360deg);
  }
}
.twitter_timeline {
  max-width: 570px;
  margin: 15px auto;
  padding: 0 15px;
}

.twitter_timeline_inner {
  padding: 10px;
  border: solid 2px #00acee;
  border-width: 2px 5px 5px 2px;
  border-radius: 12px;
}

.instagram_latest {
  max-width: 570px;
  margin: 15px auto;
  padding: 0 15px;
}

.instagram_latest iframe {
  min-width: auto !important;
}

@media handheld, only screen and (max-width: 639px) {
  .custom-logo-link img {
    max-width: 100%;
    height: auto;
  }
  .sidebar-toggle {
    top: 45px;
    right: 25px;
  }
  .btn_calendar {
    top: 105px;
    right: 18px;
  }
  /* .btn_calendar {
    top: 15px;
    left: 15px;
    right: inherit;
  } */
}
/* @include mq-min(legacy-layout) {
  .header_search {
    position: absolute;
    top: 35px;
    left: 15px;
  }
} */
/* footer
-----------------------*/
.site-footer .notice {
  margin: 0 20px 15px;
  line-height: 1.4 !important;
  color: #777;
  font-size: 11px;
  text-align: left;
}

@media only screen and (min-width: 640px) {
  .site-footer .notice {
    text-align: center;
  }
}
.footer .site-info {
  margin: 0 0 15px;
}

.ico_sns,
.ico_sns li {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.ico_sns li {
  display: inline-block;
  width: 173px;
  margin: 0 5px !important;
  padding: 5px 0 !important;
  border: none !important;
}

.ico_sns li img {
  width: 100%;
  height: auto;
}

.widget .ico_sns {
  /* margin-top: -50px ; */
}

.footer_link {
  margin-top: 30px;
  padding: 10px;
  font-size: 12px;
  background: #f0f0f0;
  text-align: center;
}

.footer_link a {
  color: #666;
}

/* contents
-----------------------*/
[class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.mec-wrap,
.mec-wrap p {
  color: #111;
}

.mec-single-event {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.archive .mec-container h1:first-child,
.post-type-archive .mec-container h1:first-child,
.tax-mec_category .mec-container h1:first-child {
  text-align: center;
  color: #e53f51;
  font-size: 20px;
  margin-bottom: 40px;
  background: #f0f0f0;
  padding: 10px;
}

.post-type-archive-mec-events .mec-container h1:first-child {
  display: none;
}

@media only screen and (max-width: 479px) {
  .mec-container {
    width: 100%;
  }
  .mec-event-image img {
    border-radius: 4px;
  }
  .mec-single-event .mec-booking-button {
    border-radius: 4px;
  }
}
.mec-holding-status {
  display: none;
}

/* タイムテーブルボタン
-----------------------*/
#custom_html-3 {
  padding: 0;
}

.linkbtn_calendar {
  max-width: 280px;
  margin: 0 auto 20px;
}

.linkbtn_goods {
  max-width: 280px;
  margin: 0 auto 20px;
}

.linkbtn_calendar a,
.linkbtn_goods a {
  position: relative;
  margin: 0;
  display: block;
  text-align: center;
  background: #f0f0f0;
  color: #000;
  border-radius: 40px;
  font-size: 13px;
  padding: 20px 10px 17px 30px;
  text-decoration: none;
  font-weight: bold;
}

.linkbtn_calendar a span,
.linkbtn_goods a span {
  position: relative;
  display: inline-block;
  text-align: center;
}

.linkbtn_calendar a:after,
.linkbtn_goods a:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  top: 50%;
  margin-top: -14px;
  left: 25px;
  background: url("../../img/ico_calendar.svg") no-repeat 0 0;
  background-size: contain;
}

.linkbtn_goods a:after {
  background: url("../../img/ico_goods.svg") no-repeat 0 0;
  background-size: contain;
}

.linkbtn_calendar a:before,
.linkbtn_goods a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-top: 2px solid #111;
  border-right: 2px solid #111;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* サイドのpickupウィジェット
-----------------------*/
#mec_mec_widget-6 {
  padding-bottom: 0;
  margin-bottom: -30px;
}

#mec_mec_widget-6 .mec-event-date {
  margin-top: -2px;
  margin-bottom: -3px;
}

#mec_mec_widget-6 .mec-event-date * {
  display: none;
}

#mec_mec_widget-6 .mec-event-date:after {
  content: "pickup!";
}

/* clendar
-----------------------*/
.mec-table-side-title,
.mec-table-side-day {
  display: none;
}

/* bnr-ads
-----------------------*/
.bnr-ads {
  margin-bottom: 35px;
}

.banner_cx_ads {
  margin: 0 0 20px;
  text-align: center;
}

.banner_cx_ads img {
  width: 100%;
  max-width: 760px;
  height: auto;
}

@media only screen and (max-width: 766px) {
  .banner_cx_ads_wrapper {
    margin: 0 -20px 0;
  }
}
/* sidebar
-----------------------*/
/* .nav--open .sidebar-off-canvas {
  left: inherit;
  right: 0;
}
.nav--open .sidebar-off-canvas {
  left: inherit;
  right: 0;
}
.sidebar-off-canvas {
  left: inherit;
  right: -380px;
  width: 350px;
} */
@media only screen and (max-width: 479px) {
  .sidebar-off-canvas {
    width: calc(100% - 50px);
  }
  .sidebar-off-canvas .sidebar-off-canvas-widgets {
    padding: 20px 0 30px;
  }
  .sidebar-off-canvas .widget_nav_menu {
    margin-bottom: 0;
  }
}
.sidebar-off-canvas .sidebar-off-canvas-top {
  display: none;
}

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

.mec-widget .mec-search-form .mec-text-input-search {
  margin-top: 0;
}

.sidebar-off-canvas .menu a {
  color: #333 !important;
}

/* home
-----------------------*/
@media only screen and (min-width: 961px) {
  .toppage-container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
  }
}
.top-massage {
  text-align: center;
  color: #666;
  line-height: 1.75;
}

@media only screen and (max-width: 479px) {
  .top-massage {
    text-align: left;
  }
  .top-massage br {
    display: none;
  }
}
.toppage-container {
  padding: 0 15px;
}

.home .entry-content {
  padding-right: 0;
  padding-left: 0;
}

.home .mec-event-footer {
  display: none;
}

.mec-month-divider:nth-of-type(1) {
  margin-top: 0;
}

.mec-event-list-standard .mec-event-title {
  font-size: 26px;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0;
}

.mec-event-list-standard .mec-event-content {
  padding: 15px 20px 15px 10px;
}

/* sp */
.mec-event-list-classic .mec-event-date, .mec-event-list-classic .mec-event-time {
  line-height: 1.6;
  display: block;
}

.mec-event-list-classic .mec-event-date span {
  font-weight: normal;
}

.mec-event-list-classic .mec-event-title {
  margin: 5px 0 12px;
  font-weight: bold;
  text-transform: inherit;
  font-feature-settings: "palt";
}

.mec-event-list-classic .mec-event-article {
  margin-bottom: 0px;
}

@media only screen and (max-width: 479px) {
  .mec-month-divider {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 960px) {
  .toppage-container {
    padding: 0 15px;
  }
  .home .mec-event-description {
    display: none;
  }
  .home .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
    min-height: inherit;
  }
}
#mec_skin_events_8050 article {
  display: none !important;
}

/* single
-----------------------*/
.widget_mec_mec_widget {
  padding-right: 20px;
  padding-left: 20px;
}

figure.wp-block-embed {
  margin-left: 0;
  margin-right: 0;
}

.mec-events-event-image img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .mec-events-event-image {
    margin-left: -20px;
    margin-right: -20px;
  }
  .mec-single-event {
    padding-top: 0;
    margin-top: 0;
  }
  .mec-single-event .mec-event-content {
    padding: 20px 0 20px;
  }
}
.mec-wrap .mec-single-title {
  font-feature-settings: "palt";
}

@media only screen and (max-width: 479px) {
  .mec-wrap .mec-single-title {
    font-size: 28px;
  }
}
.mec-single-event .mec-events-content {
  padding-top: 30px;
}

.mec-events-content a {
  color: #111;
  text-decoration: underline;
}

.mec-events-content a:hover {
  text-decoration: none;
}

.mec-event-content ul {
  margin-left: 0;
  padding-left: 25px;
}

.mec-event-content strong {
  /* color: #e53f51 !important; */
}

.mec-event-content blockquote {
  position: relative;
  margin: 0 0 30px;
  padding: 10px 15px 10px 40px;
  box-sizing: border-box;
  /* font-style: italic; */
  color: #666;
}

.mec-event-content blockquote:before {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -3px;
  content: "“";
  font-family: sans-serif;
  color: #cfcfcf;
  font-size: 90px;
  line-height: 1;
}

.mec-event-content blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

.mec-event-content blockquote cite {
  display: block;
  text-align: left;
  color: #999;
  font-size: 0.9em;
  line-height: 1.5;
  font-weight: normal;
  padding-top: 4px;
}

.mec-single-event .mec-event-meta dd a {
  pointer-events: none !important;
}

.mec-single-event .mec-event-meta h6,
.mec-events-meta-group-tags a {
  text-transform: none;
}

.mec-single-event .mec-event-meta dl {
  margin-top: 5px;
}

.mec-events-single-section-title {
  margin-bottom: 0px !important;
}

/* 表の外枠線 */
.is-style-regular {
  margin: 0 0 3em !important;
  border: 2px solid #555;
  border-radius: 10px;
  padding: 4px;
}

.is-style-regular table {
  border: 2px solid #fff;
  border-collapse: collapse;
  line-height: 1.5;
  font-size: 13px;
  margin: 0;
}

/* ヘッダーラベル下のデフォルト線を削除 */
.is-style-regular thead {
  border: none;
}

/* 表の各セルの枠線 */
.is-style-regular thead th,
.is-style-regular thead td,
.is-style-regular tbody th,
.is-style-regular tbody td {
  border: 1px solid #aaa;
  padding: 14px 10px;
}

/* ヘッダーラベル下の枠線 */
.is-style-regular thead th,
.is-style-regular thead td {
  border-bottom: solid 2px #555;
  line-height: 1.4;
  background: #f3f3f3;
}

.is-style-regular figcaption {
  border-top: solid 1px #aaa;
  margin-top: 4px !important;
  padding: 5px 5px 0;
  text-align: right;
  font-size: 11px !important;
}

/* 偶数行に着色、奇数行は白 */
/* .custom-table tr:nth-child(odd) {
    background: #f8f5f2;
}
.custom-table tr:nth-child(even) {
    background: #fff;
} */
/* archive
-----------------------*/
.archive-title {
  text-align: center;
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: bold;
}

main.masonry {
  margin: 0px 30px;
}

main.masonry .post-thumb {
  border: solid 1px #444;
  border-radius: 4px;
  margin-bottom: 0;
}

main.masonry .post-thumb img {
  border-radius: 4px;
}

main.masonry .entry-header {
  padding: 0;
}

main.masonry .entry-title {
  margin-top: 10px;
  font-size: 15px;
  text-align: left;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
}

/* goods
-----------------------*/
.page-id-725 .bnr-goods {
  display: none;
}

.content-goods p {
  font-size: 14px;
  margin: 0 0 25px;
}

.content-goods .entry-content {
  padding: 0 10px;
}

.content-goods .entry-header {
  padding: 0 10px;
}

.content-goods .entry-title {
  font-weight: bold;
  text-align: center;
  color: #e53f51;
  font-size: 17px;
  margin: 10px -10px 0px;
  background: #f0f0f0;
  padding: 10px;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.content-goods .entry-content h2 {
  font-weight: bold;
  text-align: left;
  color: #e53f51;
  font-size: 20px;
  margin: 0 0 5px 5px;
  /* font-feature-settings: "palt"; */
  /* letter-spacing: 0.05em; */
}

.artistbox_index {
  margin-bottom: 40px;
}

.artistbox .inner {
  font-size: 14px;
  border: solid 1px #ccc;
  border-radius: 8px;
  padding: 4px 18px 4px;
  margin: 0 0 8px;
  /* background: #fafafa; */
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.artistbox h3 {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  margin: 0 -18px;
  padding: 10px 18px 10px;
  cursor: pointer;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

.artistbox_index .artistbox h3:before,
.artistbox_index .artistbox h3:after {
  content: "";
  display: block;
  position: absolute;
  background: #e53f51;
}

.artistbox h3:before {
  top: 20px;
  right: 15px;
  width: 14px;
  height: 2px;
}

.artistbox h3:after {
  top: 14px;
  right: 21px;
  width: 2px;
  height: 14px;
}

.artistbox .open h3:after {
  display: none;
}

.artistbox .inner.open {
  background: #fff9d7;
}

.artistbox ul,
.artistbox li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.artistbox ul {
  margin-top: 15px;
  padding-bottom: 10px;
  display: none;
}

.artistbox h3 + ul {
  margin-top: 0px;
}

.artistbox li {
  margin: 0 0 5px;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.artistbox li a {
  color: #000;
  font-size: 13px;
  text-decoration: underline;
}

.artistbox li a {
  position: relative;
  display: block;
  text-align: center;
  background: #fff;
  color: #000;
  border-radius: 4px;
  border: solid 1px #666;
  font-size: 13px;
  padding: 10px 25px;
  line-height: 1.4;
  text-decoration: none;
}

.artistbox li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.artistbox li.link_offi a:before {
  border-top: 2px solid #444;
  border-right: 2px solid #444;
}

.artistbox li.link_amaz a {
  background: #333;
  color: #fff;
  border: none;
  padding-right: 40px;
  padding-left: 40px;
}

.artistbox li.link_amaz a span {
  color: #fbb269;
  display: inline-block;
}

.artistbox li.link_amaz a:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  left: 10px;
  background: url("../../img/ico_amazon.svg") no-repeat center top;
  background-size: contain;
}

.artistbox li.link_merc a {
  background: #007edf;
  color: #fff;
  border: none;
  padding-right: 40px;
  padding-left: 40px;
}

.artistbox li.link_merc a span {
  color: #ffea59;
  display: inline-block;
}

.artistbox li.link_merc a:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  left: 10px;
  background: url("../../img/ico_mercari.png") no-repeat center top;
  background-size: contain;
}

.artistbox li.link_cta a {
  background: #63b50b;
  color: #fff;
  border: none;
  font-size: 110%;
  font-weight: bold;
}

.artistbox li.link_cta a span {
  display: inline-block;
}

.artistbox ul + small {
  display: inline-block;
  line-height: 1.3;
  color: #444;
  margin-top: -10px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 640px) {
  .content-goods .entry-title {
    margin: 0;
  }
  .content-goods .entry-content h2 {
    margin: 0 0 8px 10px;
  }
  .artistbox_index {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .artistbox {
    max-width: 520px;
    margin: 0 0 4px;
  }
  .artistbox_index .artistbox {
    width: calc(33.3% - 12px);
    margin: 0 6px 4px;
  }
  .artistbox .inner {
    transition-timing-function: linear;
    transition-duration: 0.07s;
  }
  .artistbox .inner:hover {
    background: #fff9d7;
  }
  .artistbox ul {
    /* display: block; */
  }
}
/* bnr_amazon
-----------------------*/
.bnr_amazon {
  margin: 30px 0 0;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
}

.bnr_amazon h3 {
  font-size: 4.2vw;
  /* line-height: 1.5; */
  font-weight: bold;
}

.bnr_amazon a {
  position: relative;
  display: block;
  padding: 22px 25px 25px;
  margin: 0 0 8px;
  background: #333;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  /* border: solid 1px #ccc; */
  /* box-shadow: 2px 2px 0px rgba(0,0,0,0.2); */
  /* color: rgb(43, 123, 185); */
  /* text-decoration: underline; */
}

.bnr_amazon a:hover {
  text-decoration: none;
  opacity: 1;
}

.bnr_amazon h4 {
  position: relative;
  font-size: 14px;
  /* line-height: 1.5; */
  color: #fff;
  text-indent: 23px;
  line-height: 1.33;
  margin: 0 0 5px;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

.bnr_amazon h4:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: -6px;
  left: -2px;
  background: url("../../img/ico_amazon.svg") no-repeat center top;
  background-size: contain;
}

.bnr_amazon p {
  font-size: 14px;
  line-height: 1.4;
  margin: 8px 0 0;
  color: #fff;
  font-weight: 400;
}

.bnr_amazon p span {
  color: #fbb269;
}

.bnr_amazon figure {
  width: 100%;
  margin: 0;
  border-radius: 6px;
}

.bnr_amazon figure img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  vertical-align: top;
}

.bnr_amazon + .bnr_amazon {
  margin-top: -15px;
}

/* bnr_small
-----------------------*/
.bnr_amazon_small a {
  display: flex;
  padding: 10px 10px 10px;
}

.bnr_amazon_small figure {
  width: 40%;
}

.bnr_amazon_small .bnr_amazon_txt {
  padding: 10px 0 0 10px;
  width: 60%;
}

.bnr_amazon_small h4 {
  font-size: 13px;
}

.bnr_amazon_small p {
  font-size: 12px;
}

@media only screen and (min-width: 769px) {
  .bnr_amazon h3 {
    font-size: 18px;
  }
  .bnr_amazon a {
    max-width: 640px;
    padding: 60px 25px 20px 220px;
    height: 210px;
  }
  .bnr_amazon a:hover {
    opacity: 0.85;
  }
  .bnr_amazon figure {
    width: 180px;
    position: absolute;
    top: 15px;
    left: 15px;
  }
  .bnr_amazon_small figure {
    width: 30%;
    position: relative;
    top: inherit;
    left: inherit;
  }
  .bnr_amazon_small a {
    padding: 15px;
    height: inherit;
    align-items: center;
  }
  .bnr_amazon_small .bnr_amazon_txt {
    width: 70%;
    padding: 0 0 0 15px;
  }
  .bnr_amazon_small h4 {
    font-size: 15px;
  }
  .bnr_amazon_small p {
    font-size: 13px;
  }
}
/* URLをコピーする
-----------------------*/
.copy_btn {
  display: inline-block;
  border: 1px solid #888;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  padding: 4px 6px 2px;
  margin: 0 0 10px -1px;
  line-height: 1.2;
  font-size: 10px;
  vertical-align: top;
  cursor: pointer;
}

.copy_btn.copied {
  pointer-events: none;
  border: 1px solid #888;
  color: #fff;
  background: #888;
}

.copy_btn.copied:hover {
  cursor: auto;
}

/* 検索ボタン
-----------------------*/
@media only screen and (max-width: 839px) {
  .keyword_search_form {
    text-align: center;
  }
}
.keyword_search_field {
  width: 200px !important;
  height: 40px;
  padding: 8px 5px 8px 10px !important;
  font-size: 13px;
  border: solid 1px #bbb !important;
  border-right: none !important;
  border-radius: 5px 0 0 5px !important;
  outline: none;
}

.keyword_search_submit {
  border: none;
  background: #e80007;
  padding: 8px 10px !important;
  height: 40px !important;
  border: none !important;
  border-radius: 0 5px 5px 0 !important;
  background: #444 !important;
  color: #fff;
  font-size: 13px !important;
  vertical-align: top;
  font-weight: normal !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

@media only screen and (min-width: 840px) {
  .keyword_search_field {
    height: 32px;
    padding: 5px 5px 5px 10px !important;
    width: 170px !important;
  }
  .keyword_search_submit {
    padding: 6px 10px 4px !important;
    height: 32px !important;
  }
}
@media only screen and (min-width: 840px) {
  .home .site-content,
.page-id-8048 .site-content {
    overflow: visible;
  }
  .toppage-container {
    position: relative;
  }
  .search_toppage {
    position: absolute;
    top: -45px;
    right: 15px;
  }
  .search_resultpage {
    /* position: relative; */
    width: 100%;
    text-align: right;
    /* margin-top: -60px; */
    margin-bottom: -30px;
    right: 15px;
  }
}
@media only screen and (max-width: 839px) {
  .search_toppage {
    margin: 30px auto;
  }
  .search_resultpage {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.widget_search {
  padding: 0 0 10px;
  text-align: center;
}

/* 検索結果
-----------------------*/
.archive-title-search {
  text-align: left;
  margin-top: 20px;
  margin: 0 20px 20px;
  font-size: 16px;
}

@media only screen and (min-width: 769px) {
  .archive-title-search {
    font-size: 24px;
    margin: 0 0 30px;
  }
}
/* archive_flexlist（タグ、検索結果用）
-----------------------*/
.archive_flexlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 20px;
}

.archive_flexlist_item {
  margin-bottom: 10px;
}

.archive_flexlist_item > article > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
}

.archive_flexlist_item .post-thumb {
  margin-bottom: 0;
  width: 20vw;
  height: 20vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.archive_flexlist_item .entry-header {
  padding: 0 0 0 15px;
  width: calc(100% - 20vw);
}

.archive_flexlist_item .entry-title {
  font-size: 15px !important;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  text-align: left;
  margin: 0;
}

@media only screen and (min-width: 769px) {
  .archive_flexlist {
    margin: 0 30px;
    justify-content: space-between;
  }
  .archive_flexlist_item {
    width: calc(50% - 20px);
  }
  .archive_flexlist_item:nth-child(3n) {
    /* margin-right: 0px; */
  }
  .archive_flexlist_item .post-thumb {
    width: 100px;
    height: 100px;
  }
  .archive_flexlist_item .entry-header {
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width: 1100px) {
  .archive_flexlist_item {
    width: calc(33.3333333333% - 30px);
  }
  .archive_flexlist::after {
    content: "";
    display: block;
    width: calc(33.3333333333% - 30px);
  }
}
.archive_disctiption {
  padding: 0 15px 15px;
  margin: 0 auto;
  font-size: 14px;
  max-width: 520px;
}

.search-highlight {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #ffff66 50%);
}

.nav-links a {
  text-decoration: underline;
  color: #333;
}

.nav-previous a::before {
  content: "← ";
}

.nav-next a::after {
  content: " →";
}

.olympic_timetable {
  line-height: 1.4;
}

.olympic_timetable h3 {
  font-weight: bold;
  /* color: #45ab48; */
  font-feature-settings: "palt";
}

.olympic_timetable h3 small {
  font-size: 80%;
}

.olympic_timetable b {
  /* color: #45ab48; */
  font-weight: bold;
  display: inline-block;
  background: #45ab48;
  line-height: 1.2;
  margin-top: 0.4em;
  margin-bottom: 0.3em;
  padding: 0.2em 0.4em;
  color: #fff;
  font-family: monospace, serif;
}

/* --------------------------
blog
----------------------------*/
body.blog .custom-logo-link,
body.single-post .custom-logo-link {
  width: 230px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 700px) {
  body.blog .custom-logo-link,
body.single-post .custom-logo-link {
    width: 320px;
  }
}
.site-main__blog * {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif !important;
}

.site-main__blog a {
  color: #007fac;
  text-decoration: underline;
}

.site-main__blog h1,
.site-main__blog h2,
.site-main__blog h3,
.site-main__blog h4,
.site-main__blog h5,
.site-main__blog h6 {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif !important;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: #222;
}

@media only screen and (min-width: 768px) {
  .site-main__blog {
    width: 768px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 25px 0;
  }
}
.blogarchive-header {
  margin: 0 0 30px;
  text-align: center;
}

.blogarchive-header a {
  padding: 22px 0 30px;
  display: block;
  background: #f3f3f3;
}

.blogarchive-header h2 {
  display: inline-block;
  position: relative;
  color: #24c429;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin: 0.83em 0 0.83em 1.5em;
  font-family: "lato" !important;
}

.blogarchive-header h2:before {
  content: "";
  display: block;
  position: absolute;
  left: -2.8em;
  top: 0;
  width: 2em;
  height: 2em;
  background: url("../../img/ico_magazine.svg") no-repeat center center;
  background-size: contain;
}

.blogarchive-header h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.5em;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #24c429;
}

@media only screen and (min-width: 768px) {
  .blogarchive-header {
    margin: 0 0 40px;
  }
  .blogarchive-header a {
    padding: 22px 0 36px;
  }
  .blogarchive-header h2 {
    font-size: 27px;
  }
  .blogarchive-header h2:after {
    height: 5px;
    border-radius: 2px;
  }
  .blogarchive-header a h2:before {
    transition: 0.4s;
  }
  .blogarchive-header a:hover {
    opacity: 1;
  }
  .blogarchive-header a:hover h2:before {
    transform: rotateY(360deg);
  }
}
.blogarchive-backbtn {
  margin: 0 0 30px;
  text-align: center;
}

.blogarchive-backbtn a {
  padding: 1em 0 1.6em;
  width: 280px;
  display: inline-block;
  background: #f3f3f3;
  border-radius: 100px;
}

.blogarchive-backbtn span {
  display: inline-block;
  position: relative;
  color: #24c429;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.25;
  margin: 0.83em 0 0.83em 2.6em;
}

.blogarchive-backbtn span:before {
  content: "";
  display: block;
  position: absolute;
  left: -2.8em;
  top: 0;
  width: 2em;
  height: 2em;
  background: url("../../img/ico_magazine.svg") no-repeat center center;
  background-size: contain;
}

.blogarchive-backbtn span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.5em;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background: #24c429;
}

@media only screen and (min-width: 768px) {
  .blogarchive-backbtn {
    margin: 0 0 40px;
  }
  .blogarchive-backbtn a {
    width: 400px;
  }
  .blogarchive-backbtn span {
    font-size: 22px;
  }
  .blogarchive-backbtn span:after {
    height: 4px;
    border-radius: 2px;
  }
  .blogarchive-backbtn a span:before {
    transition: 0.4s;
  }
  .blogarchive-backbtn a:hover {
    opacity: 1;
  }
  .blogarchive-backbtn a:hover span:before {
    transform: rotateY(360deg);
  }
}
.blog-header,
.blog-footer {
  padding: 0 5.3vw 10px;
}

.blog-title {
  font-size: 24px;
  margin-top: 0;
  line-height: 1.4;
}

.blog-content {
  font-size: 14px;
  line-height: 1.83;
  padding: 0 5.3vw 30px;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
  line-height: 1.5em;
  margin: 2.2em 0 1.2em;
}

.blog-meta {
  font-size: 13px;
  margin-bottom: 10px;
}

.blog-meta__date {
  color: #a8abb1;
}

.blog-content h2 {
  position: relative;
  margin-top: 2.6em;
  padding-bottom: 0.7em;
  color: #24c429;
  line-height: 1.4;
  font-size: 1.5em;
}

.blog-content h2::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ddd;
}

.blog-content h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 15%;
  height: 2px;
  background: #24c429;
}

.blog-content h3 {
  font-size: 1.25em;
}

.blog-content figure {
  margin: 0;
}

.blog-content figcaption {
  margin-top: 0;
  font-size: 13px;
  color: #a8abb1;
  line-height: 1.5;
}

.blog-content ul,
.blog-content ol {
  margin: 0 0 2em;
}

.blog-content p + ul,
.blog-content p + ol {
  margin-top: -1.5em;
}

.blog-content blockquote {
  margin: 2em 0;
  padding: 2em 2em 2em;
  background: #f6f6f6;
  font-size: 93%;
}

.blog-content cite {
  text-align: right;
  font-size: 13px;
  color: #a8abb1;
}

.blog-content .wp-block-image img {
  border-radius: 8px;
}

.blog-post-thumb {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .blog-header,
.blog-footer,
.blog-content {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-post-thumb {
    margin-bottom: 30px;
  }
  .blog-post-thumb img {
    border-radius: 8px;
  }
}
@media only screen and (min-width: 481px) {
  .blog-content {
    font-size: 16px;
    /* line-height: 36px; */
  }
  .blog-title {
    font-size: 32px;
  }
}
/* nav-links */
.nav-links {
  margin: 0 5px 80px;
}

.nav-links a {
  position: relative;
  line-height: 1.5;
  padding: 0 1.2em;
  font-size: 13px;
  display: inline-block;
}

.nav-links a::before {
  position: absolute;
  left: 0;
  top: 0;
}

.nav-links a::after {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .nav-links {
    margin: 0 0 80px;
  }
}
/* 目次調整 */
.rtoc-mokuji-content.frame4 {
  border-top: none !important;
  border-radius: 8px !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) !important;
}

.rtoc-mokuji-content #rtoc-mokuji-title {
  font-size: 1.2em !important;
  line-height: 1.2 !important;
}

.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title .rtoc_open_close {
  text-decoration: none;
  border-radius: 3px;
}

/* --------------------------
blog archive
----------------------------*/
.blogarchive .blogarchive-header a {
  pointer-events: none;
}

.blogarchive-index {
  margin: 0 1.6vw 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blogarchive-index article {
  width: calc(50% - 3.2vw);
  margin: 0 1.6vw 12px;
  padding-bottom: 0 !important;
}

.blogarchive-index article a {
  display: block;
  text-decoration: none;
}

.blogarchive-thumb {
  width: 100%;
  height: 23vw;
  margin-bottom: 8px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) !important;
}

.blogarchive-thumb img {
  width: 100%;
  height: 23vw;
  border-radius: 5px;
  object-fit: cover;
}

.blogarchive-title {
  margin: 0 0 0.2em;
  font-size: 13px;
  color: #222;
  line-height: 1.5;
  text-decoration: none;
}

.blogarchive-index .blog-meta {
  font-size: 0.75em;
}

@media only screen and (min-width: 768px) {
  .site-main__blog.blogarchive {
    width: 768px;
    /* padding: 0; */
  }
  .site-main__blog.blogarchive .blogarchive-header {
    /* margin-left: 25px;
    margin-right: 25px; */
  }
  .blogarchive-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 20px;
  }
  .blogarchive-index article {
    width: 344px;
    margin: 0 15px 25px;
  }
  .blogarchive-thumb,
.blogarchive-thumb img {
    height: 180px;
  }
  .blogarchive-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 840px) {
  .blogarchive-index article a,
.blogarchive-index article a img {
    transition: 0.4s;
  }
  .blogarchive-index article a:hover {
    /* opacity: 0.8 !important; */
  }
  .blogarchive-index article a:hover .blogarchive-thumb img {
    transform: scale(1.06) rotate(-2deg);
  }
}
/* --------------------------
home blog
----------------------------*/
body.home #content,
body.page-id-8048 #content {
  max-width: inherit;
}

.home_blog {
  position: relative;
  background: #f3f3f3;
  padding: 0 0 30px;
  margin: 0 0 50px;
  margin-top: 110px;
}

.home_blog::before {
  content: "";
  display: block;
  position: absolute;
  top: -95px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  height: 130px;
  background: url("../../img/magazine_lead_sp.svg") no-repeat center center;
  background-size: contain;
}

@media only screen and (min-width: 840px) {
  .home_blog {
    padding: 40px 0 40px;
    margin: 110px 0 80px;
  }
  .home_blog::before {
    top: -30px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 135px;
    background: url("../../img/magazine_lead_pc.svg") no-repeat center center;
    background-size: contain;
  }
}
.home_blog * {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif !important;
}

.home_blog a {
  color: #007fac;
  text-decoration: underline;
}

@media only screen and (min-width: 840px) {
  .home_blog .blogarchive-header {
    transform: scale(1.25);
  }
  .home_blog .blogarchive-header a {
    background: none;
  }
  .home_blog .blogarchive-header h2 {
    margin-left: 2.8em;
  }
}
.bloghome-index {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.5em 15px 0;
}

.bloghome-index article {
  width: calc(50% - 6px);
  margin: 0 12px 10px 0;
  padding-bottom: 0 !important;
}

.bloghome-index article:nth-child(2n) {
  margin-right: 0;
}

.bloghome-index article a {
  display: block;
  text-decoration: none;
}

.bloghome-thumb {
  width: 100%;
  height: 23vw;
  margin-bottom: 7px;
  overflow: hidden;
  border-radius: 5px;
  /* box-shadow: 0 0 6px rgb(0 0 0 / 16%) !important; */
}

.bloghome-thumb img {
  width: 100%;
  height: 23vw;
  border-radius: 5px;
  object-fit: cover;
}

.bloghome-title {
  margin: 0 0 0.2em;
  font-size: 13px;
  color: #222;
  line-height: 1.4;
  text-decoration: none;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.bloghome-index .blog-meta {
  font-size: 11px;
}

@media only screen and (min-width: 480px) {
  .bloghome-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2em 20px 20px;
    max-width: 990px;
  }
  .bloghome-index article {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px 15px !important;
  }
  .bloghome-thumb {
    margin-bottom: 10px;
  }
  .bloghome-thumb,
.bloghome-thumb img {
    height: 15.2vw;
  }
  .bloghome-title {
    font-size: 15px;
  }
  .bloghome-index .blog-meta {
    font-size: 12px;
  }
}
@media only screen and (min-width: 840px) {
  .bloghome-index {
    margin: -1em auto 20px;
    max-width: 990px;
  }
  .bloghome-index article {
    width: 280px;
    margin: 0 25px 15px !important;
  }
  .bloghome-thumb,
.bloghome-thumb img {
    height: 146px;
  }
}
@media only screen and (min-width: 840px) {
  .bloghome-index article a,
.bloghome-index article a img {
    transition: 0.4s;
  }
  .bloghome-index article a:hover {
    /* opacity: 0.8 !important; */
  }
  .bloghome-index article a:hover .bloghome-thumb img {
    transform: scale(1.06) rotate(-2deg);
  }
}
/* --------------------------
home_sns
----------------------------*/
.home_sns {
  position: relative;
  padding-top: 110px;
}

.home_sns::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 82px;
  background: url("../../img/sns_lead.svg") no-repeat center center;
  background-size: contain;
}

@media only screen and (min-width: 375px) {
  .home_sns {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .home_sns .instagram_latest,
.home_sns .twitter_timeline {
    margin: 0 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  .home_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 20px;
    max-width: 990px;
    padding: 150px 25px 0;
  }
  .home_sns::before {
    margin-left: -160px;
    width: 320px;
    height: 110px;
  }
  .home_sns .instagram_latest,
.home_sns .twitter_timeline {
    width: calc(50% - 40px);
    padding: 0;
    margin: 0 0 30px;
  }
  .home_sns .twitter_timeline {
    margin-left: 80px;
  }
}
/* --------------------------
p-homeTag
----------------------------*/
.p-homeTag {
  /* border: solid 1px #24c429; */
  border-radius: 10px;
  margin: 0 0 30px;
  /* padding: 20px; */
}

.p-homeTag__ttl {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.p-homeTag__ttl span {
  color: #24c429;
}

.p-homeTag__index {
  font-size: 0;
  margin: 0 -6px 0 0;
  padding: 0;
}

.p-homeTag__index li {
  display: inline;
  margin: 0 15px 12px 0;
  line-height: 2;
}

.p-homeTag__index li a {
  font-size: 13px;
  color: #000;
  text-decoration: underline;
}

@media print, screen and (min-width: 744px) {
  .p-homeTag {
    /* padding: 30px 40px; */
  }
  .p-homeTag__ttl {
    margin: 0 0 10px;
  }
  .p-homeTag__index {
    display: flex;
    flex-wrap: wrap;
  }
  .p-homeTag__index li {
    margin: 0 0px 10px 0;
  }
  .p-homeTag__index li a {
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
    margin: 0 auto;
    padding-right: 2.1em;
    vertical-align: middle;
    text-decoration: none;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    /* border: solid 1px #24c429; */
    background: #fff;
    color: #000;
  }
  .p-homeTag__index li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.2em;
    margin: auto;
    width: 0.5em;
    height: 0.5em;
    border-top: 1px solid #24c429;
    border-right: 1px solid #24c429;
    transform: rotate(45deg);
    z-index: 1;
  }
  .p-homeTag__index li a:hover {
    text-decoration: underline;
  }
  .p-homeTag__index li a:hover::after {
    /* border-color: #fff; */
  }
}
/* Modern Events Calendar integration
--------------------------------------------- */
.mec-event-list-classic .mec-event-detail,
.mec-event-list-standard .mec-venue-details,
.mec-calendar .mec-event-article > .mec-event-detail:not(:only-child),
.mec-calendar .mec-monthly-contents .mec-event-detail {
  display: none;
}

.mec-event-image.is-stream-calendar-empty,
.mec-events-event-image.is-stream-calendar-empty {
  display: none;
}

.mec-calendar .mec-event-image[data-stream-calendar-linked=true] {
  cursor: pointer;
}

.mec-calendar .mec-event-image[data-stream-calendar-linked=true] > a {
  display: block;
}

.stream-calendar-event-ad {
  margin-bottom: 30px;
}

.stream-calendar-event-share--top,
.stream-calendar-share--event-bottom {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mec-single-event > .col-md-8 > .mec-events-meta-group-tags:not(.stream-calendar-event-mec-tags) {
  display: none;
}

.stream-calendar-event-mec-tags {
  margin-top: 20px;
  margin-bottom: 10px;
}

.single-mec-events .mec-single-event > .col-md-4 .ico_sns,
.single-mec-events .mec-single-event > .col-md-4 .instagram_latest,
.single-mec-events .mec-single-event > .col-md-4 .twitter_timeline {
  display: none;
}

.mec-wrap .stream-calendar-share .copy_btn {
  appearance: none;
  position: static;
  width: auto;
  height: 20px;
  margin: 0 0 10px -1px !important;
  padding: 0 6px !important;
  border: 1px solid #888 !important;
  border-radius: 3px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: inherit !important;
  font-family: inherit;
  font-size: 10px !important;
  font-weight: 400;
  line-height: 18px !important;
  letter-spacing: normal;
  text-transform: none;
  vertical-align: top;
}

@media only screen and (min-width: 1921px) {
  .single-mec-events .site-content > .mec-container {
    width: var(--mec-container-normal-width, 1196px);
    max-width: var(--mec-container-normal-width, 1196px);
  }
}