/*
Theme Name:mitsumitsusho
Description:It is a theme exclusively for mitsumitsusho.
Version:1.0
Author:Kosaka Ryohei
Text Domain:mitsumitsusho
*/

/* ----------
import google fonts
---------- */
@import url('//fonts.googleapis.com/css?family=Ropa+Sans');
@import url('//fonts.googleapis.com/css?family=PT+Serif');
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
/*@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');*/
/* Webフォントを定義 */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url('./font/Noto_Sans_JP/NotoSansJP-Thin.woff2') format('woff2'),
       url('./font/Noto_Sans_JP/NotoSansJP-Thin.woff') format('woff'),
       url('./font/Noto_Sans_JP/NotoSansJP-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('./font/Noto_Sans_JP/NotoSansJP-Light.woff2') format('woff2'),
       url('./font/Noto_Sans_JP/NotoSansJP-Light.woff') format('woff'),
       url('./font/Noto_Sans_JP/NotoSansJP-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('./font/Noto_Sans_JP/NotoSansJP-Regular.woff2') format('woff2'),
       url('./font/Noto_Sans_JP/NotoSansJP-Regular.woff') format('woff'),
       url('./font/Noto_Sans_JP/NotoSansJP-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('./font/Noto_Sans_JP/NotoSansJP-Medium.woff2') format('woff2'),
       url('./font/Noto_Sans_JP/NotoSansJP-Medium.woff') format('woff'),
       url('./font/Noto_Sans_JP/NotoSansJP-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('./font/Noto_Sans_JP/NotoSansJP-Bold.woff2') format('woff2'),
       url('./font/Noto_Sans_JP/NotoSansJP-Bold.woff') format('woff'),
       url('./font/Noto_Sans_JP/NotoSansJP-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url('./font/Noto_Sans_JP/NotoSansJP-Black.woff2') format('woff2'),
       url('./font/Noto_Sans_JP/NotoSansJP-Black.woff') format('woff'),
       url('./font/Noto_Sans_JP/NotoSansJP-Black.otf') format('opentype');
}


/* ----------
default styles
---------- */
* {box-sizing:border-box;}
::selection {background:#331e0d; color:#fff;}
::-moz-selection {background:#331e0d; color:#fff;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {margin:0; padding:0; color:#331e0d; -webkit-text-size-adjust:100%; font-family:'Varela Round', 'Noto Sans Japanese', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', 'Osaka', 'Meiryo', 'sans-serif'; font-size:14px; font-weight:300; line-height:1.75; word-wrap:break-word; font-display: swap;}
/*body {margin:0; padding:0; color:#331e0d; -webkit-text-size-adjust:100%; font-family:'Varela Round', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', 'Osaka', 'Meiryo', 'sans-serif'; font-size:14px; font-weight:300; line-height:1.75; word-wrap:break-word; font-display: swap;} */
h1, h2, h3, h4, h5, h6 {margin:0 0 15px; font-weight:500;}
input, button, select, textarea {font-family:inherit; font-size:inherit; line-height:inherit;}
input[type="button"], input[type="submit"] {border-radius:0;}
a {color:#331e0d; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a:hover {text-decoration:none; color:#847c78;}
a img {background-color:rgba(255,255,255,.01); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; zoom:1;}
img {vertical-align:middle;}
a:hover img {/*opacity:.8;*/ outline:none;}
ul {list-style:none; margin:0; padding:0;}
p {margin:0 0 10px;}
figure {margin:0; padding:0;}

/* ----------
common
---------- */
.section-heading {position:relative; margin:0 0 45px; padding:0; text-align:center;}
.section-heading .ja-title {font-size:20px; color:#331e0d; font-family:'PT Serif', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'HGS明朝E', 'Meiryo', 'serif';}
.section-heading.flip {color:#f4f1e4;}
.section-heading .en-title {display:block; margin-top:12px; font-size:12px; text-transform:uppercase; font-family:'Ropa Sans', 'sans-serif'; font-weight:600; letter-spacing:1px; color:#331e0d;}
.section-heading.flip .ja-title,
.section-heading.flip .en-title {color:#f4f1e4;}
.section-heading:before {position:absolute; top:40px; left:calc(50% - 112.5px); right:0; width:225px; height:1px; content:''; background-color:#331e0d;}
.section-heading.flip:before {background-color:#e5d047;}
.section-heading:after {position:absolute; top:40px; left:calc(50% - 17.5px); right:0; width:35px; height:1px; content:''; background-color:#e5d047;}
.section-heading.flip:after {background-color:#f4f1e4;}
.section-header {position:relative; padding:100px 0 80px; background-color:#f4f1e4; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.section-header .navbar-local {position:absolute; bottom:0; left:0; right:0;}
.section-header .navbar-local ul {display:table; table-layout:fixed; text-align:center; width:100%;}
.section-header .navbar-local ul > li {display:table-cell; vertical-align:middle; border-right:1px solid #fff;}
.section-header .navbar-local ul > li:last-child {border-right:0;}
.section-header .navbar-local ul > li a {display:block; padding:10px 0; background-color:#d3cba7;}
.section-header .navbar-local ul > li a:hover {background-color:#e5dcb7; color:#331e0d;}
.section-header .navbar-local ul > .current-menu-item a,
.section-header .navbar-local ul > .current_page_item a {background-color:#fff !important;}
.section-heading-simple {margin-bottom:0;}
.section-heading-simple:before,
.section-heading-simple:after {display:none;}
.section-heading-simple h2 {margin-bottom:20px; font-weight:400; font-size:24px;}
.section-block {padding:50px 0;}
/*
.section-body {overflow:hidden;}
*/
.section-body a {text-decoration:underline; color:#0000ff;}
.section-body a:hover {text-decoration:none;}
.section-decoration {position:relative;}
.section-decoration:before {content:''; position:absolute; top:4px; left:0; right:0; height:2px;}
.section-decoration:after {content:''; position:absolute; top:9px; left:0; right:0; height:1px;}
.bg-primary.section-decoration:before,
.bg-primary.section-decoration:after {background-color:#998533;}
.bg-ffffff.section-decoration:before,
.bg-ffffff.section-decoration:after {background-color:#331e0d;}
.bg-secondary.section-decoration:before,
.bg-secondary.section-decoration:after {background-color:#d3cba7;}
.bg-thirdly.section-decoration:before,
.bg-thirdly.section-decoration:after {background-color:#d3cba7;}
.section-securitybag.section-decoration:before,
.section-securitybag.section-decoration:after {background-color:#d3cba7;}
.bg-blue.section-decoration:before,
.bg-blue.section-decoration:after {background-color:#fff;}

/*
loading
*/
#page-content {}
#page-load {width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; display:table; background-color:#fff;}
#page-load-inner {display:table-cell; text-align:center; vertical-align:middle;}
.loader {color:#87ad45; font-size:45px; text-indent:-9999em; overflow:hidden; width:1em; height:1em; border-radius:50%; margin:0 auto; position:relative; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation:load6 1.7s infinite ease, round 1.7s infinite ease; animation:load6 1.7s infinite ease, round 1.7s infinite ease;}

/* ----------
wrapper
---------- */
.wrapper {position:relative; min-width:1080px; padding-top:127px;}

/* ----------
header
---------- */
#header {position:fixed; top:0; left:0; right:0; height:auto; border-bottom:5px solid #331e0d; z-index:20;}
.brand {background-color:#fff;}
.brand-inner {overflow:hidden;}
.logo {margin:10px 0; float:left; position:relative; line-height:0;}
.logo a {display:inline-block;}
.logo .img-logo {width:210px;}
.sub-menu {overflow:hidden; float:right; margin:35px 30px 0 0;}
.sub-menu > li {float:left; margin-right:15px;}
.sub-menu > li:last-child {margin-right:0;}
.sub-menu > li a {font-size:12px; font-weight:400;}
.sub-menu > li a:before {font-family:'FontAwesome'; margin-right:2px; font-weight:normal;}
.sub-menu > .home a:before {content:'\f015';}
.sub-menu > .faq a:before {content:'\f059';}
.sub-menu > .online-store a:before {content:'\f07a';}
.sub-menu > .catalog-library a:before {content:'\f15b';}
.header-btn-store {float:right; display:flex !important; justify-content:center; align-items:center; height:65px; padding:0 30px !important; background-color:#e26d49 !important;}
.header-btn-store::before {display:none;}
.header-btn-tel {float:right; display:block; margin-top:28px; margin-right:30px; padding:0; line-height:1; letter-spacing:3px; font-size:30px; font-family:'Ropa Sans', 'sans-serif'; font-weight:600;}
.header-btn-tel:before {font-family:'FontAwesome'; content:'\f095'; margin-right:2px; font-size:22px;}
.toggle {display:none;}

/* ----------
navigation
---------- */
.navigation {background-color:#331e0d; border-bottom:2px solid #998533;}
.navigation-inner {margin-bottom:3px; border-bottom:1px solid #998533;}
.navigation ul {text-align:center;}
.navigation ul > li {display:inline-block; width:auto; padding:0;}
.navigation ul > li > a,
.navigation ul > li > .parent {display:block; margin-right:40px; padding:20px 0 15px; color:#f4f1e4; text-decoration:none; line-height:1; font-family:'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', 'Osaka', 'Meiryo', 'sans-serif'; font-size:16px; font-weight:600;}
.navigation ul > li:last-child > a,
.navigation ul > li:last-child > .parent {margin-right:0;}
.navigation ul > li > .parent {cursor:default;}
.navigation ul > li > .disabled {opacity:.5;}
.navigation ul > li > a span,
.navigation ul > li > .parent span {display:block;}
.navigation ul > li:last-child > a span {}
.navigation ul > li:last-child a {}
.navigation ul > li a:hover,
.navigation ul > .active > .parent span {color:#e5d047;}
.navigation .child {position:absolute; z-index:10; display:none;}
.navigation .child .child-inner {background-color:#e5d047;}
.navigation .child ul {width:200px;}
.navigation .child ul li {display:block; border-bottom:1px solid #fff; text-align:left; text-transform:uppercase;}
.navigation .child ul li:last-child {border-bottom:none;}
.navigation .child ul li a {display:block; padding:10px 15px; text-decoration:none; line-height:1.5; font-size:14px; color:#331e0d;}
.navigation .child ul li a span {position:relative; left:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.navigation .child ul li a:hover span {left:3px;}
.navigation .child ul li ul {width:auto;}
.navigation .child ul li ul li {border-bottom:none;}
.navigation .child ul li ul li a {position:relative; padding:5px 15px 5px 38px;}
.navigation .child ul li ul li a:hover {margin-left:3px;}
.navigation .child ul li ul li a:before {position:absolute; top:14px; left:30px; width:4px; height:1px; content:''; background-color:#331e0d;}
.navigation .child ul li ul li a:after {position:absolute; top:9px; left:30px; width:1px; height:5px; content:''; background-color:#331e0d;}
.navigation-mobile {display:none;}

/* ----------
content
---------- */
#content {display:block;}

/* ----------
post style
---------- */
.alignleft {float:left; margin:0 20px 20px 0;}
.aligncenter {float:none; margin:0 0 20px;}
.alignright {float:right; margin:0 20px 0 20px;}

/* ----------
footer
---------- */
footer {font-weight:normal;}
.footer-contact-us {position:relative;}
.footer-contact-us .icon {float:left; width:62px; height:62px; line-height:62px; margin-right:10px; background-color:#eac600; border-radius:50%; text-align:center; font-size:35px;}
.footer-contact-us .number-format {line-height:1; font-family:'Ropa Sans', 'sans-serif'; font-size:45px; font-weight:600; color:#0a3a7f; letter-spacing:2px;}
.footer-contact-us .business-hours {color:#0a3a7f;}
.footer-contact-us .btn-contact {background-color:#e26d49; border-radius:30px; color:#fff !important;}
.footer-contact-us .btn-contact:before {display:none;}
.footer-contact-us figure {position:absolute; bottom:0; right:0; width:304px; height:357px;}
.sitemap-heading {margin:0 0 15px; font-size:16px; font-family:'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', 'Osaka', 'Meiryo', 'sans-serif';}
.sitemap-heading span {font-weight:600;}
.sitemap-heading a {text-decoration:none; font-weight:600; color:#fff; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.sitemap-heading a:hover {margin-left:5px;}
.sitemap-heading i {display:none;}
.list-sitemap > li {margin:0 0 5px;}
.list-sitemap > li:last-child {margin-right:0; padding-right:0; border-right:none;}
.list-sitemap > li > span,
.list-sitemap > li > a {color:#fff; text-decoration:none;}
.list-sitemap > li > .disabled {opacity:.5;}
.list-sitemap > li > span:before,
.list-sitemap > li > a:before {font-family:'FontAwesome'; content:'\f101'; margin-right:7px; color:#e5d047; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.list-sitemap > li > a:hover:before {margin-right:10px;}
.search-form {position:relative;}
.search-form input {border-radius:30px; outline:none; padding-right:35px;}
.search-form input + span {position:absolute; top:2px; right:20px; color:#331e0d; font-size:18px;}
.footer-link .card {display:block; text-decoration:none; color:#fff;}
.footer-link .card:hover {opacity:.75;}
.footer-link .card.online-store {background-image:url('./images/common/footer-link-1.jpg');}
.footer-link .card.staff-blog {background-image:url('./images/common/footer-link-2.jpg');}
.footer-link .card.faq {background-image:url('./images/common/footer-link-3.jpg');}
.footer-link .card.facebook {background-image:url('./images/common/footer-link-4.jpg');}
.footer-map #footer-google-map {display:block; width:100%; height:333px;}
.footer-copyright a {text-decoration:none; color:#fff;}
.footer-copyright a:hover {text-decoration:underline;}
#pagetop {position:fixed; right:30px; bottom:30px; text-align:center; z-index:15; opacity:0; text-decoration:none;}
#pagetop i {display:block; width:60px; height:60px; padding-top:10px; background-color:rgba(229, 208, 71, .9); border-radius:50%; font-size:36px; line-height:1;}
#pagetop i:hover {background-color:rgba(229, 208, 71, 1);}

/* ----------
form
---------- */
.wpcf7-not-valid-tip {margin-top:5px;}
.wpcf7-not-valid {background-color:rgba(255, 0, 0, .05) !important;}
div.wpcf7-response-output {padding:1em;}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {background-color:rgba(255, 0, 0, .05); border:none;}
div.wpcf7-mail-sent-ok {background-color:rgba(40, 167, 69, .05); border:none;}
.wpcf7-form-control.btn {display:inline-block; border-radius:30px;}

.item_top{
  width: 100%;
  height: 100%;
}

@media (min-width:641px) {
  body {min-width:960px;}
}
@media (max-width:640px) {
  /* ----------
  default styles
  ---------- */
  body {font-weight:normal;}

  .wrapper {padding-top:52px;}

  /* ----------
  header
  ---------- */
  #header {height:auto; border-bottom:2px solid #e6e6e6;}
  .brand {padding:0;}
  .brand .container {padding:0;}
  .brand-inner {height:50px; background-color:#fff;}
  .logo {float:none; margin:10px 0 0 15px; padding:0;}
  .logo .img-logo {width:150px; display:block;}
  .toggle {background-color:#f4f1e4 !important;}
  .header-btn-store,
  .header-btn-tel {display:none !important;}

  /* ----------
  navigation-mobile
  ---------- */
  .navigation-mobile {display:block; visibility:hidden; transform:translateY(-100%); position:absolute; top:50px; left:0; right:0; width:100%; padding:0; overflow-y:auto; z-index:10; background-color:#331e0d; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  .navigation-mobile.active {visibility:visible; transform:translateY(-1px); max-height:calc(100vh - 50px);}
  .navigation-mobile ul > li a,
  .navigation-mobile ul > li > span {display:block; padding:12px 15px; font-size:16px; font-family:'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', 'Osaka', 'Meiryo', 'sans-serif'; color:#fff; text-decoration:none; text-transform:uppercase;}
  .navigation-mobile ul > li > .disabled {opacity:.5;}
  .navigation-mobile ul li {position:relative; border-bottom:1px solid #665649;}
  .navigation-mobile ul .icon a:before {font-family:'FontAwesome'; margin-right:5px;}
  .navigation-mobile ul .icon.tel a {font-size:24px; line-height:1.2; letter-spacing:2px; color:#eac600;}
  .navigation-mobile ul .icon.tel a:before {content:'\f095'; font-size:18px;}
  .navigation-mobile ul .icon.faq a:before {content:'\f059';}
  .navigation-mobile ul .icon.online-store a {background-color:#e26d49;}
  .navigation-mobile ul .icon.online-store a:before {content:'\f07a';}
  .navigation-mobile ul .icon.catalog-library a:before {content:'\f15b';}
  .navigation-mobile ul li:last-child {border-bottom:none;}
  .navigation-mobile ul li i {position:absolute; top:13px; right:15px; width:20px; height:20px; padding-top:3px; color:#eac600; text-align:center;}
  .navigation-mobile .child {max-height:0; overflow:hidden; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  .navigation-mobile .child.active {max-height:1000px;}
  .navigation-mobile .child > ul > li {border-bottom:none;}
  .navigation-mobile .child > ul > li a {padding:8px 15px 8px 30px; font-size:14px; font-family:'Ropa Sans', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', 'Osaka', 'Meiryo', 'sans-serif';}
  .navigation-mobile .child ul li a:before {display:none;}
  .navigation-mobile .child > ul > li:last-child {border-bottom:none;}
  .navigation-mobile .child > ul > li ul li {position:relative; border-bottom:none;}
  .navigation-mobile .child > ul > li ul li a {padding:5px 15px 5px 48px;}
  .navigation-mobile .child ul li ul li a:before {display:inline-block; position:absolute; top:17px; left:40px; width:4px; height:1px; content:''; background-color:#fff;}
  .navigation-mobile .child ul li ul li a:after {display:inline-block; position:absolute; top:12px; left:40px; width:1px; height:5px; content:''; background-color:#fff;}
  .navigation-mobile .sub-menu {display:block; position:static;}
  .navigation-mobile .sub-menu li {margin-bottom:0;}
  .navigation-mobile .sub-menu li:last-child a {border-bottom:none;}
  .header-contact {display:none;}

  /* ----------
  common
  ---------- */
  .section-header {padding:50px 0 20px;}
  .section-heading {position:relative; margin:0 0 20px;}
  .section-heading h1,
  .section-heading h2 {font-size:24px;}
  .section-heading i {position:absolute; top:4px; right:0; display:inline-block; font-size:28px; color:#331e0d;}
  .section-heading .en-title {font-size:14px;}
  .section-header .navbar-local .container {padding:0;}
  .section-header .navbar-local .row {margin:0;}
  .section-header .navbar-local .col {padding:0;}
  .section-header .navbar-local-inner {overflow-x:scroll; white-space:nowrap;}
  .section-header .navbar-local ul {display:block; width:auto;}
  .section-header .navbar-local ul > li a {padding:10px 40px;}
  .readmore {top:8px; font-size:12px;}
  .section-block {padding:30px 0;}

  /* ----------
  content
  ---------- */
  #content {}
  
  /* ----------
  post style
  ---------- */
  .alignleft {margin:0 10px 10px 0;}
  .aligncenter {margin:0 0 10px;}
  .alignright {margin:0 10px 0 10px;}

  /* ----------
  footer
  ---------- */
  footer {padding:0; font-size:12px;}
  .footer-contact-us .number-format {padding-top:5px; font-size:24px;}
  .footer-contact-us .number-format a {text-decoration:none; color:#0a3a7f;}
  .footer-contact-us .business-hours {font-size:10px; letter-spacing:-1px;}
  .footer-contact-us .icon {width:50px; height:50px; line-height:50px; font-size:24px;}
  .footer-contact-us .btn-contact {padding:8px 10px; font-size:13px;}
  .footer-contact-us figure {right:-15px; width:150px; height:auto;}
  .section-sitemap {padding:12px 0 20px;}
  .section-sitemap .container {padding-left:0; padding-right:0;}
  .section-sitemap .container .row {margin-left:0; margin-right:0;}
  .section-sitemap .container .row .col {}
  .sitemap-heading {position:relative; margin:0; border-bottom:1px solid #5c4b3e; cursor:pointer;}
  .sitemap-heading span,
  .sitemap-heading a {display:block; padding:12px 15px; font-size:14px; color:#f4f1e4;}
  .sitemap-heading.disabled {opacity:.5;}
  .sitemap-heading.has-child:before {position:absolute; top:11px; right:15px; display:block; font-family:'ionicons'; content:'\f218'; color:#eac600;}
  .sitemap-heading.has-child.disabled:before {display:none;}
  .sitemap-heading.has-child.active:before {content:'\f209';}
  .sitemap-heading.icon a:before {font-family:'FontAwesome'; margin-right:5px; font-weight:400;}
  .sitemap-heading.icon.faq a:before {content:'\f059';}
  .sitemap-heading.icon.online-store a:before {content:'\f07a';}
  .sitemap-heading.icon.catalog-library a:before {content:'\f15b';}
  .list-sitemap {padding:0 10px; display:none; border-bottom:1px solid #5c4b3e;}
  .list-sitemap li {margin:0;}
  .list-sitemap li span,
  .list-sitemap li a {display:block; padding:8px 15px; font-size:13px; color:#f4f1e4;}
  .list-sitemap li span:before,
  .list-sitemap li a:before {display:none;}
  .list-sitemap li ul li a {position:relative; padding:5px 30px; text-decoration:none;}
  .list-sitemap li ul li a:before {display:inline-block; position:absolute; top:15px; left:23px; width:4px; height:1px; content:''; background-color:#f4f1e4;}
  .list-sitemap li ul li a:after {display:inline-block; position:absolute; top:10px; left:23px; width:1px; height:5px; content:''; background-color:#f4f1e4;}
  .footer-link .card {padding:25px 0;}
  .footer-link .card h3 {font-size:16px;}
  .footer-map #footer-google-map {height:220px;}
  .footer-copyright {margin-top:0; padding-top:20px; border-top:1px solid #5c4b3e;}
  #pagetop {bottom:10px; right:10px;}
  #pagetop i {width:40px; height:40px; padding-top:7px; font-size:24px;}
}

@media (max-width:320px) {
  .wrapper {padding-top:50px;}
  #content {}
  .logo .img-logo {width:150px;}
  .toggle {width:52px; height:52px;}
}