/*
Theme Name: Japan Traditional Craft Week 2018
Theme URI: ./
Designer: Tomoko Uji (UJI-PUBLICITY)
Author: Shoko Okano
Version: 1.0
*/
@import url("./css/reset.css");
@import url("./css/simple-grid.css");
html {
  font-size: 62.5%; }

body {
  font-family: sans-serif;
  line-height: 1.75;
  font-size: 1.4rem;
  background-color: #FFF;
  color: rgba(0, 0, 0, 0.8); }

img {
  max-width: 100%;
  height: auto;
  margin: 0; }

p {
  margin-bottom: 1em; }

hr {
  height: 1px;
  border: 0;
  color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%; }

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

b, strong {
  font-weight: bold; }

ul {
  margin-left: 20px; }

li {
  list-style: disc; }

ol {
  margin-left: 20px; }
  ol li {
    list-style-type: decimal;
    margin-bottom: 1em; }

/* Responsive grid---------------------*/
/* Structure----------------------*/
.container {
  max-width: 1200px; }

.front-page {
  margin-top: 50px; }

.content-top {
  margin-top: 8em;
  padding-bottom: 3em; }

.content {
  padding-top: 3em;
  padding-bottom: 3em; }
  .content article {
    margin: 3em 0; }

.btw-content {
  margin-top: 8em; }

.gray {
  background-color: #E6E6E6; }

.row-eq-height {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap; }

footer {
  width: 100%;
  padding: 10px 0 100px 0;
  background-color: #000; }
  footer .container {
    color: #CCC;
    max-width: 900px; }
  footer .sns {
    padding: 1em 0; }
  footer i {
    font-size: 3rem;
    color: #666; }
  footer h4 {
    display: block; }
  footer p {
    display: block;
    margin-left: 10px; }

footer .footer-link img, footer .archive-link img {
  max-width: 300px;
  margin-bottom: 1em; }
@media (max-width: 1025px) {
  footer {
    text-align: left; }
    footer .footer-link img, footer .archive-link img {
      max-width: 300px;
      margin-bottom: 1em; } }
@media (max-width: 768px) {
  footer {
    text-align: left; }
    footer .footer-link img, footer .archive-link img {
      max-width: 300px;
      margin-bottom: 1em; } }
@media (max-width: 540px) {
  footer {
    text-align: center; }
    footer .archive-link img {
      max-width: 200px;
      margin-bottom: 1em; } }

/* Typography---------------------------*/
h4.back2index {
  margin-bottom: 1em; }
  h4.back2index a {
    text-decoration: underline; }
  h4.back2index a:hover {
    color: #999; }

h3.heading-title {
  font-family: 'Cinzel', serif;
  font-size: 3.5rem; }

@media (max-width: 1025px) {
  h3.heading-title {
    font-size: 3.5rem; } }
@media (max-width: 768px) {
  h3.heading-title {
    font-size: 2.75rem; } }
@media (max-width: 540px) {
  h3.heading-title {
    font-size: 2.5rem; } }

h3.heading-title.right, #shop {
  border-bottom: 1px solid #999;
  line-height: 1em;
  margin-bottom: 1em; }

h3.heading-subtitle {
  font-family: 'Cinzel', serif;
  font-size: 2.25rem;
  margin-bottom: 1em;
  border-bottom: 1px solid #999; }
  @media (max-width: 1025px) {
    h3.heading-subtitle {
      font-size: 2.25rem; } }
  @media (max-width: 768px) {
    h3.heading-subtitle {
      font-size: 2rem; } }
  @media (max-width: 540px) {
    h3.heading-subtitle {
      font-size: 1.75rem; } }

h3.event-title {
  font-size: 2rem;
  margin-bottom: 1em; }

h3.news-title {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 0.25em; }
  @media (max-width: 1025px) {
    h3.news-title {
      font-size: 2rem; } }
  @media (max-width: 768px) {
    h3.news-title {
      font-size: 1.75rem; } }
  @media (max-width: 540px) {
    h3.news-title {
      font-size: 1.5rem; } }

h4.sub-heading {
  font-size: 1.75rem;
  font-weight: bold; }
  @media (max-width: 1025px) {
    h4.sub-heading {
      font-size: 1.75rem; } }
  @media (max-width: 768px) {
    h4.sub-heading {
      font-size: 1.75rem; } }
  @media (max-width: 540px) {
    h4.sub-heading {
      font-size: 1.75rem; } }

h4.widget-title {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 1em;
  border-bottom: 1px solid #999; }
  @media (max-width: 1025px) {
    h4.widget-title {
      font-size: 2rem; } }
  @media (max-width: 768px) {
    h4.widget-title {
      font-size: 2rem; } }
  @media (max-width: 540px) {
    h4.widget-title {
      font-size: 1.5rem; } }

h4.regions {
  display: block;
  height: 1em;
  margin-bottom: 0.5em;
  font-weight: bold; }

.description {
  margin: 1em 0 2em 0; }

.widget-image-caption {
  display: block;
  font-size: 0.8em;
  line-height: 2em;
  margin: 0.5em 0; }

.line-center {
  margin: 0;
  line-height: 25px;
  height: 25px;
  width: 25px;
  font-size: 1.2rem;
  color: #FFF;
  display: inline-block;
  text-align: center;
  font-weight: bold; }

h5 {
  font-size: 1rem; }

.shop_logo {
  width: 90%; }

.shop_logo-sm {
  width: 30%; }

.omotesando, .roppongi, .meguro, .nihombashi, .ginza, .kichijoji,
.bg-omotesando, .bg-roppongi, .bg-meguro, .bg-nihombashi, .bg-ginza, .bg-kichijoji {
  color: #FFF; }

.color-omotesando, .bg-omotesando {
  background-color: #F5864B; }

.color-roppongi, .bg-roppongi {
  background-color: #FDBA41; }

.color-meguro, .bg-meguro {
  background-color: #B3BE4D; }

.color-nihombashi, .bg-nihombashi {
  background-color: #6878BA; }

.color-ginza, .bg-ginza {
  background-color: #7EC4D1; }

.color-kichijoji, .bg-kichijoji {
  background-color: #808285; }

h6.omotesando,
h6.roppongi,
h6.meguro,
h6.nihombashi,
h6.ginza,
h6.kichijoji {
  text-align: left;
  position: relative;
  z-index: 2; }

h6.omotesando:after,
h6.roppongi:after,
h6.meguro:after,
h6.nihombashi:after,
h6.ginza:after,
h6.kichijoji:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1;
  border-style: solid;
  border-width: 1px; }

h6.omotesando:after {
  border-color: #F5864B; }

h6.roppongi:after {
  border-color: #FDBA41; }

h6.meguro:after {
  border-color: #B3BE4D; }

h6.nihombashi:after {
  border-color: #6878BA; }

h6.ginza:after {
  border-color: #7EC4D1; }

h6.kichijoji:after {
  border-color: #808285; }

h6.omotesando .line-center {
  background-color: #F5864B; }

h6.roppongi .line-center {
  background-color: #FDBA41; }

h6.meguro .line-center {
  background-color: #B3BE4D; }

h6.nihombashi .line-center {
  background-color: #6878BA; }

h6.ginza .line-center {
  background-color: #7EC4D1; }

h6.kichijoji .line-center {
  background-color: #808285; }

.row-eq-height i {
  margin-top: 1em;
  margin-bottom: 0.5em; }

.cross {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  font-size: 2.4rem; }

.container div.wpforms-container-full .wpforms-form .wpforms-field-label,
.container div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  font-size: 1.4rem;
  font-weight: normal; }

#wpforms-confirmation-1350 {
  color: #333;
  margin: 0 0 24px 0;
  background: #EFEFEF;
  border: 1px solid #CCC;
  padding: 15px 15px; }

/* Menu---------------------------*/
#headbar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 90%;
  background-color: white;
  color: #000;
  height: 7rem;
  padding: 15px 5%;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
  z-index: 9998;
  overflow: hidden; }
  #headbar img {
    margin: 0;
    height: 7rem;
    float: left; }
  #headbar h3 {
    font-family: 'Raleway', sans-serif;
    float: left;
    line-height: 7rem;
    font-size: 2rem;
    color: #666;
    margin: 0 2em; }

/* Navigation & Anchor Button---------------------------*/
a.anchor-button {
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  background-color: #FFF;
  border: 1px solid #707070;
  padding: 8px 12px;
  text-decoration: none;
  margin: 0.5em 0.5em 1em 0; }

a.anchor-button:hover {
  background-color: #E6E6E6; }

.offset:before {
  display: block;
  content: " ";
  height: 120px;
  /* Give height of your fixed element */
  margin-top: -120px;
  /* Give negative margin of your fixed element */
  visibility: hidden; }

a.link-button {
  font-family: 'Cinzel', serif;
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid #707070;
  padding: 8px 12px;
  text-decoration: none;
  margin: 0.5em 0.5em 1em 0; }

a.link-button:hover {
  background-color: #CCCCCC; }

.row .color-ginza, .row .color-omotesando, .row .color-roppongi, .row .color-marunouchi, .row .color-other {
  margin: 1em 0 0 0;
  padding: 0;
  width: 100%;
  display: block;
  padding: 5px 0;
  overflow: hidden; }
  .row .color-ginza i, .row .color-omotesando i, .row .color-roppongi i, .row .color-marunouchi i, .row .color-other i {
    color: #FFF;
    float: right;
    margin-right: 10px;
    font-size: 1.5em; }
  .row .color-ginza span, .row .color-omotesando span, .row .color-roppongi span, .row .color-marunouchi span, .row .color-other span {
    display: inline-block;
    float: left;
    color: blue;
    margin-left: 10px;
    line-height: 1.5em;
    color: rgba(0, 0, 0, 0.6); }

/* Front Page---------------------*/
.title-logo {
  text-align: center; }
  .title-logo img {
    width: 60%;
    margin: 0 auto 3em auto; }