/*!
Theme Name: warabe-2022
Theme URI: http://underscores.me/
Author: ARIMA DESIGN PROJECT
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: warabe-2022
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

warabe-2022 is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 14px;
  box-sizing: border-box;
}
body {
  width: 100%;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7;
  color: #000;
  background-color: #FFF;
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0.03em;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
  overflow: auto;
  font-feature-settings: "palt";
  position: relative;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

a:link {
  color: #000;
  text-decoration: underline;
  transition: all 0.5s;
}
a:visited {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a:active {
  color: #000;
  text-decoration: underline;
}
a:hover img {
  filter: brightness(105%);
}
a img {
  transition: 0.5s;
}
p {
  margin: 0 auto;
  padding: 0;
  display: block;
  text-align: justify;
  background: transparent;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Shippori Mincho B1', serif;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
  padding: 0;
  letter-spacing: 0.01em;
}
h1 {
  font-size: 2.2rem;
}
h1.title-404 {
  font-style: italic;
  letter-spacing: 0;
  padding: 0;
  line-height: 1.3;
  margin: 0 0 40px 0;
}
h2 {
  font-size: 1.8rem;
  margin: 0 0 16px 0;
}
h3 {
  font-size: 1.4rem;
  margin: 0 0 16px 0;
}
h4 {
  font-size: 1.1rem;
  margin: 0 0 8px 0;
}
h5 {
  font-size: 1.0rem;
  margin: 0 0 8px 0;
}
hr {
  height: 8px;
  background-image: repeating-linear-gradient(135deg, #000 0, #000 1px, transparent 0, transparent 50%);
  background-size: 8px 8px;
  border: none;
}
ul {
  list-style: disc;
  margin: 16px 0;
  padding: 0 0 0 20px;
  display: block;
}
ol {
  list-style: decimal;
  margin: 24px 0;
  padding: 0 0 0 16px;
  display: block;
}
li {
  margin: 8px 0 0 0;
  padding: 0 0 0 0;
  display: list-item;
  text-align: justify;
  background: transparent;
}
li:first-child {
  margin: 0 0 0 0;
}
dl {
  margin: 8px 0;
  padding: 0;
  font-size: 0.85rem;
  display: flex;
  flex-wrap: wrap;
}
dt {
  width: 24%;
  padding: 0;
  margin: 0;
  font-weight: 600;
}
dd {
  width: 76%;
  padding: 0;
  margin: 0;
}
dd a:link {
  text-decoration: none;
  border-bottom: 1px dotted #231815;
  padding: 0 0 1px 0;
}
em {}
strong {
  font-weight: 700;
}
strong.red {
  font-weight: 700;
  color: #ff0000;
}
small {}
sub {}
sup {
  font-size: 0.6em;
  vertical-align: super;
  top: 0px;
}
time {
  margin: 0;
  padding: 0 8px 0 0px;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
  color: #424242;
}
span {
  font-size: 0.8em;
}
figure {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
}
figcaption {
  font-size: 0.8rem;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  margin: 8px 0 0 0;
  padding: 0;
  display: block;
  color: #757575;
  font-weight: 500;
}
.figure-flex {
  display: flex;
  width: 100%;
  max-width: 100%;
  text-align: justify;
  clear: both;
  justify-content: flex-start;
  align-items: initial;
  overflow: hidden;
}
.figure-flex img {
  width: 48%;
  margin: 0 4% 0 0;
}
.figure-flex img:last-child {
  margin: 0 0 0 0;
}
figure + p {
  margin: 120px auto 0 auto;
}
p + figure {
  margin: 120px auto 0 auto;
}
.note {
  color: #D50000;
  margin: 24px auto 0 auto;
}
figure + h3 {
  margin: 120px auto 16px auto;
}
img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  /* line-height: 1; */
  display: block;
}
div {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  padding: 16px 0;
  border-bottom: 1px solid #9fa0a0;
  vertical-align: middle
}
th {
  text-align: center;
  width: 20%;
}
.text-center {
  text-align: center;
}
#page {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.main-outer {
  flex: 1;
  position: relative;
  overflow: auto;
}
header {
  width: 240px;
  height: 100vh;
  margin: 0;
  padding: 40px 32px;
  background-color: transparent;
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 32%);
  position: sticky;
  top: 0;
  overflow-y: scroll;
  z-index: 99;
}
.site-branding {
  width: 48%;
  margin: 0 auto 56px auto;
}
.main-navigation ul {
  list-style: none;
  padding: 0;
  font-size: 0.9rem;
}
.main-navigation ul li {
  display: list-item;
  margin: 0 0 32px 0;
  text-align: left;
    position: relative;
}
.main-navigation ul li a {
  text-decoration: none;
}
.sub-menu {
  margin: 0 0 24px 12px;
}
.sub-menu li {
  margin: 16px 0 !important;
  position: relative;
  padding: 0 0 0 20px;
}
.sub-menu li:before {
  content: "";
  display: block;
  height: 1px;
  width: 14px;
  background: #000;
  position: absolute;
  left: 0;
  top: 10px;
}
.current-menu-item a {
    pointer-events: none;
}
.current-menu-item a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  transition: all 0.7s;
}

main {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  overflow: auto;
}
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
  -webkit-animation: zoomUp 10s linear 0s;
  animation: zoomUp 10s linear 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slide-img {
  background-size: cover;
  background-position: center center; /* 背景画像は中央を軸に表示させる */
  height: 88vh; /* 600pxの高さで表示させる */
}
.hero-onlineshop {
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.hero-onlineshop:hover img {
  filter: brightness(110%);
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  overflow: auto;
}
.individual {
  width: 88%;
  margin: 120px auto;
}
.individual h2 {
  text-align: center;
  writing-mode: vertical-rl;
  letter-spacing: 0.3em;
  z-index: 100;
  margin: 0 auto;
  line-height: 1;
  padding: 0 20px;
  white-space: nowrap;
}
.individual h2 span {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.55em;
  font-weight: 500;
  margin: 40px 0 0 0;
  line-height: 1;
  writing-mode: horizontal-tb;
  letter-spacing: 0.1em;
}
.individual h4 {
  text-align: center;
}
.individual p {
  width: 88%;
  font-size: 1.1rem;
  line-height: 2.8;
}



/* アコーディオンメニュー全体のサイズ・位置 */
.ac {
  width: 72%;
  max-width: 960px;
  margin: 80px auto;
}
.ac-first {
  margin: 120px auto 80px auto;
}
.ac-last {
  margin: 80px auto 120px auto;
}
.ac h3 {
  font-size: 1.3rem;
  text-align: center;
  margin: 0 0 24px 0;
}
.ac h4 {
  font-size: 1.1rem;
  margin: 0;
}
.question:before {
  font-family: "Font Awesome 5 Free";
  content: '\f128';
  font-weight: 900;
  padding: 0 12px 0 0;
  display: inline-block;
  margin: 0;
    color: #D50000;
}
/* クリック領域 */
.ac-parent {
  position: relative; /* 追加 */
  /* height: 50px; */
  border-top: 1px solid #BDBDBD;
  background-color: #FFF;
  color: #000;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  padding: 24px 0;
}
/* 擬似要素でプラスを作成 */
.ac-parent:after {
  font-family: "Font Awesome 5 Free";
  content: '\f067';
  font-weight: 900;
  padding: 0;
  display: block;
  position: absolute;
  top: 40%;
  right: 2%;
  margin: auto;
  transition: all 0.7s;
}
/* オープン時にopenクラスを付与 */
.ac-parent.open:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 0.7s
}
/* クリックしたら表示される領域 */
.ac-child {
  display: none;
  padding: 0 0 24px 0;
  background-color: #FFF;
  text-align: center;
}
.ac-child p {
  font-size: 1.0rem;
  line-height: 2.4;
}
.wrap {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: justify;
  clear: both;
  display: flex;
  justify-content: flex-start;
  align-items: initial;
  overflow: hidden;
}
.column {
  width: 50%;
  margin: 0 4% 0 0;
  padding: 0;
  position: relative;
}
.column:last-child {
  margin: 0;
}
.container-card {
  margin: 120px auto 80px auto;
}
.container-card h3 {
  text-align: center;
  margin: 0;
}
.card {
  width: 50%;
  margin: 32px 4% 0 0;
  padding: 0;
  position: relative;
}
.card:last-child {
  margin: 32px 0 0 0;
}
.card a {
  text-decoration: none;
}
.card h4 {
  margin: 24px 0 16px 0;
    text-align: left;
}
.card p {
  font-size: 0.9rem;
  width: 100%;
  line-height: 1.7;
}
.btn-list {
  width: 320px;
  margin: 48px auto 0 auto;
}
.preface {
  margin: 0 auto;
  padding: 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/preface-bg-min.jpg");
}
.preface-inner {
  width: 88%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  flex-direction: row-reverse;
  margin: 224px auto;
}
.preface-inner h2 {
  margin: 0;
}
.preface-inner h2 img {
  width: auto;
  height: 100%;
}
.preface-inner p {
  font-family: 'Shippori Mincho B1', serif;
  font-size: 1.2rem;
  min-height: 370px;
  margin: 0 48px 0 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.15em;
  line-height: 34px;
}
.tr-cloud {
  width: 20vw;
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: multiply;
}
.bl-cloud {
  width: 36vw;
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
}
.cc-circle {
  width: 72%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  mix-blend-mode: multiply;
  opacity: 0.16;
}
.br-nature {
  width: 16vw;
  position: absolute;
  bottom: 40px;
  right: 40px;
  mix-blend-mode: multiply;
  opacity: 0.85;
}
.product {
  width: 100%;
  height: 40vh;
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.product .column {
  margin: 0;
  overflow: hidden;
}
.product-hina-doll {
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo-hina-doll-685589248-min.jpg");
  filter: brightness(40%);
  transition: all 0.8s ease-in-out;
}
.product-hina-doll:hover {
  filter: brightness(80%);
  transform: scale(1.1);
}
.product-gogatsu-doll {
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo-japanese-warrior-doll-in-boy-s-may-festival-1715132191-min.jpg");
  filter: brightness(40%);
  transition: all 0.8s ease-in-out;
}
.product-gogatsu-doll:hover {
  filter: brightness(80%);
  transform: scale(1.1);
}
.product-newyear {
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo-tokyo-japan-december-asakusa-s-sensoji-temple-holds-a-hagoita-ichi-fair-to-sell-good-538967680-min.jpg");
  filter: brightness(40%);
  transition: all 0.8s ease-in-out;
}
.product-newyear:hover {
  filter: brightness(80%);
  transform: scale(1.1);
}
.product-carp-shaped-streamer {
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo--carp-shaped-streamer-koinobori-1075810937-min.jpg");
  filter: brightness(40%);
  transition: all 0.8s ease-in-out;
}
.product-carp-shaped-streamer:hover {
  filter: brightness(80%);
  transform: scale(1.1);
}
.product-lantern {
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo-obon-festival-of-the-dead-1485020771-min.jpg");
  filter: brightness(40%);
  transition: all 0.8s ease-in-out;
}
.product-lantern:hover {
  filter: brightness(80%);
  transform: scale(1.1);
}
.product-engagement {
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo-mizuhiki-320559527-min.jpg");
  filter: brightness(40%);
  transition: all 0.8s ease-in-out;
}
.product-engagement:hover {
  filter: brightness(80%);
  transform: scale(1.1);
}
.product h3 {
  font-family: 'Shippori Mincho B1', serif;
  font-size: 1.4rem;
  color: #FFF;
  border: 1px solid #FFF;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  margin: 0;
  line-height: 1;
  padding: 40px 20px;
  white-space: nowrap;
}
.product h3:before {
  background-image: url("images/h-before.svg");
  display: inline-block; /*前後に改行を入れる*/
  width: 13px;
  height: 13px;
  vertical-align: baseline;
  content: '';
  background-size: contain;
  margin: 0px 0 16px 0;
}
.onlineshop {
  margin: 120px auto;
  width: 48%;
}
.other {
    width: 88%;
  margin: 120px auto;
}
.other .column {
  margin: 0 2% 0 0;
  overflow: hidden;
  transition: all 0.8s ease-in-out;
}
.other .column:last-child {
  margin: 0;
}
.other .column img {
  filter: brightness(40%);
}
.other .column:hover img {
  filter: brightness(80%);
  transform: scale(1.1);
}
.other h4 {
  font-family: 'Shippori Mincho B1', serif;
  color: #FFF;
  border: 1px solid #FFF;
  letter-spacing: 0.1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  margin: 0;
  line-height: 1;
  padding: 20px 32px;
  white-space: nowrap;
}
.front-info {
  color: #FFF;
  padding: 120px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/stock-photo-macro-close-up-on-japan-traditional-clothing-kimono-with-beautiful-embroidered-pattern-1700276401.jpg");
}
.front-info h3 {
  font-family: 'Shippori Mincho B1', serif;
  font-size: 1.8rem;
  color: #FFF;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  margin: 0;
  line-height: 1;
  white-space: nowrap;
}
.front-info span {
  border: 1px solid #FFF;
  padding: 8px 0px;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  width: 80px;
  text-align: center;
  margin: 0 16px 0 0;
}
.front-info time {
  color: #FFF;
  padding: 0;
  margin: 0 16px 0 0;
  font-size: 1rem;
}
.front-info a {
  text-decoration: none;
  color: #FFF;
}
.front-info ul {
  list-style: none;
  margin: 0 0 64px 0;
  padding: 0;
}
.front-info li {
  margin: 32px 0 0 0;
  vertical-align: middle;
}
.front-info li:first-child {
  margin: 0 0 0 0;
}
.front-info .wrap {
  width: 88%;
}
.front-info .column {
  width: auto;
  white-space: nowrap;
}
.front-info .column:first-child {
  width: 16vw;
}
.btn a {
  border: 1px solid #FFF;
  padding: 16px 32px;
  line-height: 1;
  display: inline-block;
}
.hero {
  width: 100%;
  height: 56vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
}
.ref {
  width: 88%;
  margin: 120px auto;
}
.ref h3 {
    text-align: center;
    margin: 0;
}
.ref-btn {
  list-style: none;
  margin: 24px auto 0 auto;
  padding: 0;
  display: flex;
  align-items: baseline;
  justify-content: left;
  flex-wrap: wrap;
}
.ref-btn li {
  text-align: center;
  background-color: #000;
  line-height: 1;
  padding: 20px 0;
  border-right: 1px solid #FFF;
  transition: all 0.5s;
  cursor: pointer;
  white-space: nowrap;
  width: 25%;
  margin: 1px 0 0 0;
}
.ref-btn li:hover {
  opacity: 0.5;
}
.ref-btn li a {
  color: #FFF;
  text-decoration: none;
}
.notice {
  margin: 120px auto 0 auto;
  color: #FFF;
  padding: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/notice-bg-min.jpg");
  border-radius: 8px;
}
.notice p {
  color: #000;
  width: 100%;
  font-size: 1.2rem;
  line-height: 2.2;
}
.company-info {
  margin: 120px auto;
}
.company-info .column {
  margin: 0;
  overflow: hidden;
  transition: all 0.8s ease-in-out;
}
.company-info .column:last-child {
  margin: 0;
}
.company-info .column img {
  filter: brightness(40%);
}
.company-info .column:hover img {
  filter: brightness(80%);
  transform: scale(1.1);
}
.company-info h4 {
  font-family: 'Shippori Mincho B1', serif;
  color: #FFF;
  border: 1px solid #FFF;
  letter-spacing: 0.1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  margin: 0;
  line-height: 1;
  padding: 20px 32px;
  white-space: nowrap;
}
.map {
  filter: grayscale(100%);
}
.map iframe {
  top: -208px;
  position: absolute;
}

.breadcrumb-outer {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #E0E0E0;
    display: block;
}
.breadcrumb {
    width: 88%;
    margin: 16px auto;
    padding: 0;
}
.breadcrumb li {
    font-size: 0.85rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: left;
}
.breadcrumb li a {
    text-decoration: none;
    color: #757575;
}
.breadcrumb li:after {
  content: "/";
  margin: 0 10px;
  font-weight: 100;
  font-size: 20px;
  vertical-align: -3px;
  color: #757575;
}
.breadcrumb li:last-child::after {
  content: none;
}


footer {
  width: 100%;
  margin: 0;
  padding: 40px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: initial;
  background-image: url("images/footer-bg-min.jpg");
}
footer h4 {
  margin: 0;
}
footer h4 img {
  width: 72px;
  margin: 0;
}
footer .container {
  width: 88%;
  font-size: 0.8rem;
}
footer .container .column {
  width: 20%;
  margin: 0 4% 0 0;
}
footer .container .column:first-child {
  flex-basis: 60%;
  margin: 0 8% 0 0;
}
footer .container .column:last-child {
  margin: 0;
}
footer table {
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  font-weight: 400;
}
footer th, footer td {
  border-bottom: none;
  padding: 4px 0;
  vertical-align: top;
  white-space: nowrap;
}
td.footer-info {
  padding: 32px 0 0 0;
}
.copyright {
  width: 100%;
  font-size: 0.8rem;
  margin: 0 auto;
  padding: 0;
  display: block;
  overflow: auto;
}
.copyright a {
  text-decoration: none;
}
.copyright .wrap {
  width: 88%;
  align-items: center;
  margin: 32px auto;
}
#tertiary-menu {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: right;
}
#tertiary-menu li {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 16px;
  border-left: 1px dotted #000;
}
#tertiary-menu li:first-child {
  padding: 0 16px 0 0;
  border-left: none;
}