/*
Theme Name: Shapely
Theme URI: https://colorlib.com/wp/themes/shapely
Author: colorlib
Author URI: https://colorlib.com/
Description: Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business,  personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Shapely theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website.
Version: 1.1.7
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shapely
Tags: left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout

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.

Shapely is based on Underscores http://underscores.me/, (C) 2012-2017 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
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face{
    font-family:FFDINWebProBold;src:url(/webfonts/321A32_0_0.eot);
    src:url(/webfonts/321A32_0_0.eot?#iefix) format("embedded-opentype"),
    url(/webfonts/321A32_0_0.woff2) format("woff2"),url(/webfonts/321A32_0_0.woff) format("woff"),
    url(/webfonts/321A32_0_0.ttf) format("truetype")
}
@font-face{
    font-family:FFDINWebPro;src:url(/webfonts/321A32_1_0.eot);
    src:url(/webfonts/321A32_1_0.eot?#iefix) format("embedded-opentype"),
    url(/webfonts/321A32_1_0.woff2) format("woff2"),
    url(/webfonts/321A32_1_0.woff) format("woff"),
    url(/webfonts/321A32_1_0.ttf) format("truetype")
}
html {
    font-family:FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

}

body {
    margin: 0;
    font-family:FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

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 {
    padding: 1em;
}

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

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    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-appearance: textfield;
    box-sizing: content-box;
}

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
--------------------------------------------------------------*/

button, input, select, textarea {
    color: #404040;
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
    font-size: 14px;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

p {
    margin-bottom: 1.5em;
}

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

q:before, q:after {
    content: '"' !important;
    display: inline-block;
    position: relative;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    font-size: 15px;
}

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: #fff;
    /* Fallback for when there is no custom background color defined. */
}

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

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

hr {
    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
--------------------------------------------------------------*/

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;
}

select {
    border: 1px solid #ccc;
}

footer input[type="text"]:focus,
footer input[type="email"]:focus,
footer input[type="url"]:focus,
footer input[type="password"]:focus,
footer input[type="search"]:focus,
footer input[type="number"]:focus,
footer input[type="tel"]:focus,
footer input[type="range"]:focus,
footer input[type="date"]:focus
footer input[type="month"]:focus,
footer input[type="week"]:focus,
footer input[type="time"]:focus,
footer input[type="datetime"]:focus,
footer input[type="datetime-local"]:focus,
footer input[type="color"]:focus,
footer textarea:focus {
    color: #fff;
}
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;
}

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"] {
    padding: 3px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a, a:visited {
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

a:active {
    color: #09005e;
}
/* BUK */
a:hover, a:focus {
    color: #5234f9;
}


a:hover, a:focus {
    color: #fff;
}

a:focus {
    outline: thin dotted;
}

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

a, a:visited, a:active, a:hover {
    text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
    width: 100%;
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
}

.main-navigation ul ul:hover > a, .main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover, .main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
}

/* Small menu. */

.menu-toggle, .main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 992px) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

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

.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%;
}

.site-title {
    font-size: 24px;
    line-height: 52px;
    color: #666;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    font-weight: 300;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
}

.site-title:hover {
    color: #333;
}

#site-navigation .module.left {
    padding-left: 15px;
}

/*--------------------------------------------------------------
# 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;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}
.contact-section .wpcf7-form label {
    width: 100%;
}
.contact-section.cover .container {
    padding: 96px 15px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
    /* Older / Newer Posts Navigation (always hidden) */

.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;
}

/*--------------------------------------------------------------
# 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;
}

/*!
// Contents
// ------------------------------------------------
 1. Global Styles
 2. Mixins
 3. Typography
 4. Colours
 5. Sections
 6. Buttons
 7. Nav
 8. Forms
 9. Breadcrumbs
 10. Pagination
 11. Icon Features
 12. Widgets
 13. Image Tiles
 14. Sliders
 15. Galleries
 16. Header Area
 17. WooCommerce
 18. Blog
 19. Image Blocks
 20. Portfolio
 21. Footer
 22. Spacing
 23. Other
/*!---------- 1. GLOBAL STYLES ----------*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    overflow-x: hidden;
    /*font-weight: 600;*/
}

ul {
    list-style: disc;
}

.main-container {
    clear: both;
}

hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 0 0 24px 0;
    width: 100%;
}

.bg-dark hr {
    border-color: #555;
}

.content hr {
    width: 128px;
    max-width: 60%;
    height: 2px;
    background: #DDD;
    margin: 50px auto;
    border: 0;
}

.list-inline {
    margin-left: 0;
}

.list-inline > li {
    padding: 0 8px;
}

.list-inline > li:last-child {
    padding-right: 0;
}

.list-inline > li:first-child {
    padding-left: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.right {
    right: 0;
}

.relative {
    position: relative;
    z-index: 2;
}

.container {
    position: relative;
}

/*!---------- 2. MIXINS ----------*/

.align-children {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}

@media all and (max-width: 991px) {
    .align-children {
        display: block !important;
    }
}

.align-transform {
    position: relative;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top: 50%;
    z-index: 2;
}

/*!---------- 3. TYPOGRAPHY ----------*/

h1, h2, h3, h4, h5, h6, p, ul, ol, table, blockquote, input, textarea {
    margin-bottom: 24px;
    margin-top: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #0e1015;
}

h1 {
    font-size: 60px;
    /*line-height: 20px; BUK */ 
    line-height: 20px;
}

h2 {
    font-size: 45px;
    line-height: 48px;
}

h3 {
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
}

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

h5 {
    font-size: 22px;
    line-height: 28px;
}

h6 {
    font-size: 18px;
    line-height: 25px;
}

@media all and (max-width: 767px) {
    h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 300;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
    }

    h4 {
        font-size: 18px;
        line-height: 26px;
    }

    h5 {
        font-size: 16px;
        line-height: 24px;
    }

    h6 {
        font-size: 12px;
        line-height: 24px;
    }
}

.uppercase {
    font-weight: 400;
    text-transform: uppercase;
}

h5.uppercase {
    letter-spacing: 2px;
    margin-right: -2px;
}

p, span {
    font-weight: 400;
}

p.lead {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

@media all and (max-width: 767px) {
    p.lead {
        font-size: 13px;
        line-height: 24px;
    }

    p {
        font-size: 14px;
    }
}



.image-bg a {
    color: #fff;
}

.image-bg a:hover {
    color: #fff;
    opacity: .9;
}



blockquote {
    overflow: hidden;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 32px 0;
    color: #001c28;
    font-weight: 400;
    border-left: 0 none;
    margin: 0;
}
blockquote p {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #001c28;
}
blockquote p:first-child:before,
blockquote p:last-child:after {
    content: "\0022";
}

.number {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
}

@media all and (max-width: 767px) {
    br {
        display: none;
    }

    blockquote {
        font-size: 16px;
        line-height: 32px;
    }
}

th, td {
    line-height: 24px !important;
}

/*!---------- 4. COLOURS ----------*/

.bg-primary {
    background: #745cf9 !important;
}

.bg-secondary {
    background: #f5f5f5;
}

.bg-dark {
    background: #0e1015;
}

/*!---------- 5. SECTIONS ----------*/

section, footer {
    padding: 96px 0;
    position: relative;
    overflow: hidden;
}

.page-template-page-templatestemplate-home-php .content-area {
    padding: 0;
}

footer {
    padding: 72px 0;
}

.fullscreen {
    height: 100vh;
}

.bg-dark h3, .bg-dark h5, footer.bg-dark h5, .bg-primary h5, .bg-dark h6, footer.bg-dark h6 {
    color: #ffffff;
}

.bg-dark p, footer.bg-dark p, .bg-primary p, .bg-dark span, footer.bg-dark span, .bg-dark li, footer.bg-dark li {
    color: #fefefe;
}

@media all and (max-width: 767px) {
    section {
        padding: 30px 0;
    }
}

.image-bg h3, .image-bg h1 {
    color: #ffffff;
    margin-top: 30px;
}

.image-bg h1 p.h1_01 {
    font-size: 2em;
    text-align: left;
    line-height: 1.2em;
    margin-left: 60px;

}

p.h1_01 span {
    text-decoration: underline;
}

h1 p.h1_02 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5em;
    color: #333;
}

.image-bg p, .image-bg li {
    color: #ffffff;
}

.image-bg div[class*='col-'] {
    position: relative;
    z-index: 3;
}

.background-image-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #0e1015;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 0;
}

.background-image-holder img {
    display: none;
}

.background-image-holder.fadeIn {
    opacity: 1;
}

/*!---------- 6. BUTTONS ----------*/
/*
.btn, .button {
    font-family: FFDINWebProBold,sans-serif;
    border: 2px solid #745cf9;
    padding: 0 26px;
    min-width: 150px;
    line-height: 36px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    color: #745cf9;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    margin-right: 8px;
    margin-bottom: 24px;
    white-space: normal;
}
*/

.btn, .button {
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
    border: 2px solid #000;
    padding: 0 26px;
    min-width: 150px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-radius: 0;
    color: #745cf9;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    margin-right: 8px;
    margin-bottom: 24px;
    white-space: normal;
}

.btn:last-child, .btn:last-of-type {
    margin-right: 0;
}

/*BUK
.btn:hover, .button:hover {
    background: #745cf9;
    color: #fff;
}
*/

.btn:hover, .button:hover {
    background: #000;
    color: #fff;
}

.top-parallax-section .btn-lg {
    min-width: 150px;/*TOPページ results 製品情報ボタン*/
}

.btn-lg {
    line-height: 24px;
    min-width: 100%;/*TOPページの製品情報ボタン*/
    padding-bottom: 13px;
    padding-top: 13px;
}

.btn-sm {
    min-height: 30px;
    font-size: 11px;
    line-height: 27px;
    min-width: 0;
}

/*
.btn-filled, a
.btn-filled, 
.button, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    background: #745cf9;
    color: #fff;
}
*/

.btn-filled, a
.btn-filled, 
.button, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    background: none;
    color: #000;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    padding: 1em;
}

.btn-white, .image-bg .btn, .image-bg .btn:visited {
    color: #fff;
    border-color: #fff;
}

/*BUK
.image-bg .btn.btn-filled {
    background: #745cf9;
    color: #fff;
    border-color: #745cf9;
}
*/

.image-bg .btn.btn-filled {
    background: none;
    color: #fff;
    border-color: #ffffff;
    font-size: 28px;
    padding: 20px 80px;
    letter-spacing: 0.2em;
}

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.image-bg .btn.btn-filled:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

/*BUK
.image-bg .btn.btn-filled:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background: #5d47d7;
    border-color: #5d47d7;
    color: #fff;
}
*/

.btn:visited {
    color: #000;
}

.btn-white:visited, .btn:visited:hover {
    color: #fff;
}

.btn-white:visited:hover {
    color: #222;
}

/*
.btn-filled:visited {
    color: #fff;
}
*/

.btn-filled:visited {
    color: #000;
}

.cfa-text {
    margin-bottom: 0;
    line-height: 45px;
}

.cfa-button {
    width: 100%;
}

/*BUK
.btn-filled:hover, .btn:visited:hover {
    background: #5d47d7;
    border-color: #5d47d7;
}
*/

.btn-filled:hover, .btn:visited:hover {
    background: #000;
    border-color: #000;
}

/*BUK
input[type="submit"]:hover {
    background-color: #5d47d7;
    color: #fff;
}
*/

input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
}

.widget input[type="submit"] {
    border: none;
    margin-top: 5px;
}

/*!---------- 7. NAVIGATION ----------*/

.nav-container {
    -webkit-backface-visibility: hidden;
    max-width: 100%;
}

nav {
    background: #010101;
    -webkit-backface-visibility: hidden;
    max-width: 100%;
}

nav ul {
    margin-bottom: 0;
}

.module {
    display: inline-block;
    padding: 0 32px;
}

.module-group {
    display: inline-block;
}

.module.left {
    float: left;
}

.module.right, .module-group.right {
    float: right;
}

nav .btn, .nav-bar .btn {
    margin: 0;
    height: auto;
}

.nav-bar {
    height: 55px;
    max-height: 55px;
    line-height: 53px;
}

nav {
    border-bottom: 1px solid #ccc;
}

.nav-bar .module, .nav-bar .module-group {
    height: 55px;
}

.nav-bar a {
    display: inline-block;
    height: 55px;
}

.logo {
    max-height: 60%;
    width: auto;
}

.menu > li.dropdown {
    padding-right: 18px;
}

.dropdown:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    content: "\f107";
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.shapely-dropdown {
    display: none;
}


.main-navigation .menu {
    width: 100%;
    height: 55px;
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

.main-navigation .menu li a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -1px;
    color: #f6f6f6;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 100%;
    white-space: normal;
}

.main-navigation .menu li a:hover,
.main-navigation .menu li:hover > a,
.main-navigation .menu > li:hover:after {
    color: #5234f9;
}

.main-navigation .menu > li {
    margin-right: 32px;
    float: left;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
    color: #4c4c4c;
}

.main-navigation .menu > li:last-child {
    margin-right: 0;
}

.main-navigation .menu > li ul {
    left: 0;
    width: 200px;
    padding: 0;
    background: #0e1015;
    position: absolute;
    z-index: 99;
    top: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    visibility: hidden;
    margin-top: -1px;
}

.main-navigation .menu > li > ul > li {
    position: relative;
    line-height: 24px;
    width: 100%;
    vertical-align: top;
}

.main-navigation .menu > li > ul .dropdown:after {
    color: #0e1015;
    top: 1px;
    right: 24px;
    content: "\f105";
}

.main-navigation .menu > li > ul li a {
    color: #fff;
    height: auto;
    padding: 6px 24px;
}

.main-navigation .menu > li > ul > li ul {
    left: 100%;
    top: 0;
}

.main-navigation .menu > li:hover > ul {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
}

.main-navigation .menu > li > ul li:hover > ul {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
}
@media all and (max-width: 1024px) {
    .dropdown:after {
        display: none;
    }
    .shapely-dropdown {
        font-size: 11px;
        padding: 0 10px;
        display: inline-block;
    }
    .main-navigation  .menu > li > ul li:hover > a {
        background-color: transparent !important;
    }
    .main-navigation .menu li:hover > a {
        color: #4c4c4c; 
    }
    body .main-navigation  .menu > li > ul li:hover > a {
        color: #8c979e;
    }
}
@media all and (min-width: 991px) and (max-width: 1024px) {
    .dropdown-menu .shapely-dropdown {
        position: absolute;
        top: 0;
        right: 0;
    }
    .dropdown-menu .shapely-dropdown > .fa-angle-down:before {
        content: "\f105";
    }
}
@media all and (max-width: 991px) {
    .shapely-dropdown {
        float: right;
        border: 1px solid;
    }
    .menu li a {
        padding: 10px 0;
    }
    #site-navigation.main-navigation .menu > li > ul li a {
        width: auto;
        display: inline-block;
    }
}
.nav-container {
    min-height: 56px;
}

nav.outOfSight {
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0);
    -moz-transform: translate3d(0, -100px, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.scrolled {
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.fixed.scrolled {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.fixed {
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.fixed {
    position: fixed;
    visibility: hidden;
    opacity: 0;
}

nav.fixed.scrolled {
    visibility: visible;
    opacity: 1;
}

.dropdown-menu {
    border-radius: 0;
}

.nav-open {
    max-height: 10000px !important;
    height: auto !important;
}

.nav-open .navbar-collapse, .nav-open #menu {
    display: block;
}

.module.widget-handle {
    padding: 0 24px;
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

@media all and (max-width: 1100px) {
    .module.widget-handle {
        padding: 0 16px;
    }
}

@media all and (max-width: 991px) {
    ul.dropdown-menu.active {
        display: block !important;
    }
}

.module.widget-handle i {
    font-size: 14px;
    line-height: 53px;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    color: #f6f6f6;
}

.module.widget-handle:hover i {
    opacity: 1;
}

.widget-handle .function {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    cursor: default;
    width: 200px;
    background: #0e1015;
    position: absolute;
    z-index: 99;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transform: translate3d(0, -200%, 0);
    -webkit-transform: translate3d(0, -200%, 0);
    -moz-transform: translate3d(0, -200%, 0);
    margin-top: -2px;
    right: 0;
}

.module.widget-handle:hover .function,
.module.widget-handle .function.active {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
}

.module.widget-handle .title {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    display: none;
    opacity: .5;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.module.widget-handle .title:hover {
    opacity: 1;
}

/* Search bar */

.search-form,
.woocommerce-product-search {
    padding: 8px;
    display: inline-block;
    width: 100%;
    line-height: 50px;
}

.widget-handle .search-form input[type="text"] {
    font-size: 16px;
    float: left;
    width: 70%;
}

.search-form input[type="text"] {
    font-size: 14px;
    margin: 0;
}

.widget-handle .function {
    background: #fff;
    width: 300px;
}

.btn.searchsubmit,
.search-widget-handle button.searchsubmit,
.woocommerce-product-search > input[type="submit"] {
    min-width: 17%;
    padding: 0;
    width: 27%;
    height: 50px;
    line-height: 48px;
    margin: -2px 0 0 8px;
}
.search-widget-handle button.searchsubmit .screen-reader-text {
    position: relative !important;
    width: auto;;
    height: auto;
    clip: initial;
}

.btn.searchsubmit:hover {
    background-color: #5d47d7;
    color: #fff;
}

/*Search Page */

.search #primary, .no-results {
    padding-top: 10%;
}

.no-results {
    border-bottom: 0;
}

.no-results form.search-form {
    padding: 0;
    width: 100%;
}

.not-found form #s {
    max-width: 292px;
    width: 71%;
}

.no-results form .searchsubmit {
    margin: 0;
}
.not-found form .searchsubmit i {
    display: none;
}

.not-found form .searchsubmit span.screen-reader-text {
    clip: auto;
    position: relative !important;
    height: auto;
    width: auto;
}

.main-navigation .menu > li ul {
    background: #fff;
}

.main-navigation .menu > li ul {
    background: #fff;
}

.main-navigation .menu > li > ul li a {
    color: #8c979e;
    width: 100%;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
}

.main-navigation .menu > li > ul li a:hover,
.main-navigation  .menu > li > ul li:hover > a {
    background: #f8f8f8;
    color: #5234f9;
}
.main-navigation  .menu > li > ul li:hover > a {
    opacity: 1;
}

.main-navigation .dropdown-menu > .active > a, .main-navigation .dropdown-menu > .active > a:focus {
    /*color: #0e1015;*/
    background-color: #fff;
}

.main-navigation .menu > li > ul .dropdown:hover:after {
    color: #5234f9;
}

/* Widget Menu */
.widget_nav_menu .sub-menu,
.widget.widget_pages ul.children {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    margin-top: 20px;
}

@media all and (max-width: 1120px) {
    .main-navigation .menu > li {
        margin-right: 24px;
    }
}

@media all and (max-width: 991px) {
    .site-title-container {
        width: 84%;
    }

    .nav-bar, .nav-bar .module-group, .nav-bar .module {
        height: auto;
    }

    .nav-bar .module {
        padding: 0 21px;
    }

    .nav-bar .module-group {
        width: 100%;
    }

    .nav-bar .module-group .module {
        display: block;
        float: none;
        width: 100%;
    }

    .main-navigation .menu {
        height: auto;
    }

    .main-navigation .menu a {
        height: auto;
        line-height: 24px;
        padding: 4px 0;
    }

    .main-navigation .menu li {
        line-height: 24px;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .main-navigation .menu > li ul {
        position: relative;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        left: 0;
        border: 0 !important;
        box-shadow: none;
    }

    .main-navigation .menu > li > ul {
        position: relative;
        opacity: 1;
        visibility: visible;
        display: none;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
    }

    .main-navigation .menu > li > ul .dropdown:after {
        content: "\f107";
    }

    .main-navigation .menu > li > ul > li ul {
        left: 0 !important;
        display: none;
        padding: 0;
    }

    .main-navigation .menu > li > ul li a {
        padding: 10px 16px;
    }

    .main-navigation .dropdown .dropdown li {
        padding-left: 18px;
    }

    .main-navigation .dropdown {
        padding-right: 0;
    }

    .module.widget-handle {
        border-left: none;
        line-height: 40px;
        min-height: 40px;
    }

    .module.widget-handle i {
        line-height: 40px;
    }

    .module.widget-handle .title {
        display: inline-block;
        position: relative;
        bottom: 3px;
        margin-left: 8px;
    }

    .widget-handle .function {
        width: 100%;
        max-width: 300px;
        position: relative;
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        visibility: visible;
        margin-top: 0;
        display: none;
        box-shadow: none !important;
    }

    .toggle-search .function {
        display: block;
    }

    .search-widget-handle .search {
        padding: 0 15px;
    }

    .mobile-toggle i {
        line-height: 53px !important;
    }
}

/*!---------- 8. FORMS ----------*/

input, textarea {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
}

input[type="text"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"], input[type="search"], input[type="email"], input[type="tel"] {
    background: #f5f5f5;
    border: 1px solid transparent;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 0;
}

input[type="text"]:focus, input[type="search"]:focus {
    outline: 1px solid #ccc;
}

textarea {
    width: 100%;
    border: 1px solid transparent;
    background: #f5f5f5;
    margin-bottom: 24px;
    border-radius: 0;
    padding: 16px 20px;
}

textarea:focus {
    outline: 1px solid #ccc;
}

:-moz-placeholder {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    font-size: 11px;
}

::-moz-placeholder {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    font-size: 11px;
}

:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    font-size: 11px;
}

input.transparent::-moz-input-placeholder, button.transparent::-moz-input-placeholder {
    color: #fff;
}

input.transparent:-moz-input-placeholder, button.transparent:-moz-input-placeholder {
    color: #fff;
}

input.transparent:-ms-input-placeholder, button.transparent:-ms-input-placeholder {
    color: #fff;
}

input[type="submit"],
button[type="submit"] {
    background: none;
    border-radius: 3px !important;
    border: 2px solid #000;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    max-width: 250px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}

/* BUK
input[type="submit"],
button[type="submit"] {
    background: #745cf9;
    border-radius: 0 !important;
    border: 2px solid #745cf9;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    max-width: 250px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
*/

.search-widget-handle button[type="submit"] i {
    display: none;
}

.bg-primary input[type="submit"] {
    background: #fff;
    color: #745cf9;
}

/*!---------- 9. BREADCRUMBS ----------*/

.breadcrumb {
    margin-bottom: 24px;
}

.breadcrumb a {
    font-weight: 300;
}

/*!---------- 10. PAGINATION ----------*/

.pagination {
    margin: 0;
    border: none;
    background: transparent;
}

.pagination .nav-links *:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination .nav-links *:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination a,
.pagination span,
.woocommerce-pagination ul.page-numbers .page-numbers {
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    padding-top: 6px;
    margin: 0 4px;
    color: #0e1015;
    font-weight: 400;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    display: inline-block;
    border: 1px solid #ddd;
    line-height: 20px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: 0 none;
}

.pagination span:not( .dots ),
.woocommerce-pagination ul.page-numbers span.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #745cf9;
    color: #fff;
    border-color: #745cf9;
}

.pagination a:hover, 
.pagination .active a, 
.pagination .active:hover a {
    background: #745cf9;
    color: #fff;
    border-color: #745cf9;
}

/*!---------- 11. ICON FEATURES ----------*/

.feature {
    margin-bottom: 24px;
}

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

.feature-1 i {
    display: inline-block;
    margin-bottom: 16px;
    color: #745cf9;
}

.page-title {
    padding: 0;
}

/*!---------- 12. WIDGETS ----------*/

.main-container .nolist > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget {
    margin-bottom: 0;
}

#secondary .widget {
    margin-bottom: 48px;
}

.category-list {
    line-height: 32px;
}

.widget hr {
    margin-bottom: 12px;
}

.recent-posts {
    line-height: 24px;
}

.recent-posts li {
    margin-bottom: 8px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.recent-posts .date {
    display: block;
    letter-spacing: 0;
    opacity: .8;
}

.recent-posts li:hover .date {
    opacity: 1;
}

.category-list span {
    float: right;
}

.jetpack_subscription_widget form {
    background: #745cf9;
    color: #fff;
    padding: 24px;
}

.jetpack_subscription_widget form #subscribe-text {
    color: #fff;
}

.jetpack_subscription_widget #subscribe-text h5 {
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.jetpack_subscription_widget #subscribe-text p {
    color: #fefefe;
}

.jetpack_subscription_widget #subscribe-email, .jetpack_subscription_widget #subscribe-submit {
    margin: 0;
}

.jetpack_subscription_widget #subscribe-email input {
    margin: 0;
    padding: 3px 3px 3px 20px;
    width: 100%;
}

.jetpack_subscription_widget #subscribe-submit input {
    background: #fff;
    color: #745cf9;
    padding: 0;
}

.jetpack_subscription_widget .error {
    background-color: #FFBABA;
    color: #D8000C;
    padding: 5px 15px;
}

.jetpack_subscription_widget .success p {
    background-color: #DFF2BF;
    color: #4F8A10;
    padding: 5px 15px;
}

/*!---------- 13. IMAGE TILES ----------*/

img {
    max-width: 100%;
}

.image-tile {
    overflow: hidden;
    position: relative;
    margin-bottom: 24px;
}

.image-tile img {
    width: 100%;
    display: inline-block;
}

.inner-title:before {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0e1015', GradientType=0);
    pointer-events: none;
}

.inner-title:hover:before {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.inner-title .title {
    position: absolute;
    width: 100%;
    z-index: 5;
}

.inner-title .title h5 {
    color: #ffffff;
}

.inner-title .title span {
    color: #ffffff;
}

.inner-title .title h5 {
    font-weight: 600;
}

.inner-title {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}

.inner-title:hover {
    opacity: .95;
}

.inner-title.hover-reveal:before {
    opacity: 0;
}

.inner-title.hover-reveal .title {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.inner-title.hover-reveal:hover .title {
    opacity: 1;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top: 50%;
}

.inner-title.hover-reveal:hover:before {
    opacity: 1;
}

@media all and (max-width: 768px) {
    .inner-title:before {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    .inner-title.hover-reveal .title {
        opacity: 1;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        top: 50%;
    }
    .inner-title.hover-reveal:before {
        opacity: 1;
    }
    .inner-title {
        opacity: .95;
    }
}

/*!---------- 14. SLIDERS ----------*/

.logo-carousel li {
    text-align: center;
}

.logo-carousel li {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: .5;
}

.logo-carousel li:hover {
    opacity: 1;
}

.logo-carousel img {
    max-height: 60px;
}

@media all and (max-width: 767px) {
    .logo-carousel .slides li {
        width: 100%;
    }
}

/*!---------- 15. IMAGE GALLERIES ----------*/

.lightbox-grid, .lightbox-grid ul, .lightbox-grid li {
    position: relative;
    overflow: hidden;
}

.lightbox-grid li {
    width: 25%;
    float: left;
    border: 8px solid rgba(0, 0, 0, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}

.lightbox-grid li:hover {
    opacity: .9;
}

.third-thumbs li {
    width: 25%;
    height: 13.08vw;
    border: none;
}

@media all and (max-width: 991px) {
    .lightbox-grid li {
        width: 33.33333%;
    }
}

@media all and (max-width: 767px) {
    .lightbox-grid li {
        width: 50%;
    }

    .third-thumbs li {
        height: 50vw;
    }
}

/*!---------- 16. Header Area ----------*/

.cover {
    margin: 0;
    padding: 0;
}

.cover p {
    color: #ffffff;
}
span.tx01 {
    font-size: 1.3em;
    line-height: 2em;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
}
p.tx03 {
	font-size: 1.1em;
    line-height: 1em;
    color: #000;
}

.cover p.tx02 {
    font-size: 1.3em;
    line-height: 2em;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    margin-top: 290px;
}

.cover:first-child .fullscreen {
    max-height: 100%;
}

@media all and (max-width: 767px) {
    .cover.fullscreen {
        height: auto;
        padding: 0;
}
.cover p span.tx01 {
    font-size: 1.3em;
    line-height: 2em;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    padding: 1em;
    display: block;
}
.cover p.tx02 {
    font-size: 0.9em;
    line-height: 2em;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    padding: 1em;
    margin-bottom: 20em;
    margin-top: -4em;
}
h1 img.h1_img {
    width:25%;
    margin-top: -3em;
}
}
/*!---------- 17. WooCommerce ----------*/

.woocommerce ul.products li.product:nth-child(4n), .woocommerce-page ul.products li.product:nth-child(4n) {
    margin-right: 0;
}

/*!---------- 18. BLOG ----------*/

.post-title a, .post-title {
    font-size: 40px;
    font-weight: 300;
}

.post-title a:hover {
    color: #292929;
}

video:-webkit-full-screen, audio:-webkit-full-screen {
    -webkit-transform: translateY(0%);
}

iframe {
    border: none;
}

.post-meta {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 12px;
}

.post-meta > li {
    float: left;
    margin-right: 24px;
}

.post-meta i {
    font-size: 16px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.comments-list, .comments-list ul {
    width: 100%;
    overflow: hidden;
}

.comments.nolist > ul > li {
    padding-left: 0;
}

.comments-list li.comment {
    overflow: hidden;
    margin-bottom: 40px;
    width: 100%;
}

.comments-list p:last-of-type {
    margin: 0;
}

.comments-list .avatar, .comments-list .comment {
    display: inline-block;
    float: left;
}

.comments-list .avatar {
    width: 10%;
}

.comments-list .avatar img {
    width: 75px;
}

.comments-list .comment {
    width: 90%;
    padding-left: 5%;
}

.comments-list .comment .btn {
    position: relative;
    margin: 0;
}

.comments-list ul {
    padding-left: 10%;
    padding-top: 40px;
}

.comments-list ul li:last-of-type {
    margin-bottom: 0;
}

.comments input[type="submit"] {
    max-width: 25%;
    float: right;
}

.masonry {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
}

.masonry.fadeIn {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.masonry-item {
    max-width: 100%;
}

.container .masonry-item {
    margin-bottom: 0px;
}

.masonry-item blockquote:hover {
    background: #745cf9;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    color: #fff;
}

.masonryFlyIn .masonry-item {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
}

.masonryFlyIn .masonry-item.fadeIn {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.masonry-loader {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 80px;
}

.masonry-loader.fixed-center {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    margin-top: -25px;
}

.masonry-loader.fadeOut {
    opacity: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
}

.spinner {
    width: 50px;
    height: 50px;
    background-color: #745cf9;
    margin: 0 auto;
    display: inline-block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@media all and (max-width: 767px) {
    .comments input[type="submit"] {
        max-width: 100%;
        float: none;
    }
}

.flex-direction-nav a.flex-next {
    right: 16px;
}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {
    content: "\f105";
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    color: #fff;
}

.flex-direction-nav a.flex-prev {
    left: 16px;
}

.flex-direction-nav a.flex-prev:before {
    content: "\f104";
}

.flex-direction-nav a {
    opacity: 1;
    text-shadow: none;
    color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
    margin: -12px 0 0;
}

.flex-control-nav li a {
    background: none;
    border: 2px solid #0e1015;
    width: 10px;
    height: 10px;
}

@media all and (max-width: 768px) {
    .flex-direction-nav {
        display: none;
    }
}

.text-slider .flex-direction-nav li a:before {
    color: #222;
}

.image-bg .text-slider .flex-direction-nav li a:before {
    color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: .5;
}

.image-bg .text-slider .flex-direction-nav li a:hover:before {
    opacity: 1;
}

.text-slider .flex-direction-nav a.flex-prev {
    left: -60px;
}

.text-slider .flex-direction-nav a.flex-next {
    right: -60px;
}

.content p.intro {
    padding-bottom: 20px;
    border-bottom: 3px double #ddd;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 155%;
    font-weight: 700;
    color: #745cf9;
}

.content blockquote {
    padding: 30px 30px 30px 90px;
    background: #fafafa;
    border: 1px solid #eee;
    position: relative;
    font-style: italic;
}

.content q {
    background: #fafafa;
    font-style: italic;
}

.content blockquote cite {
    display: block;
    margin-top: 1.1em;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    font-size: 0.75em;
    line-height: 120%;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.content blockquote cite:before {
    content: "— ";
}

.content ul, .content ol {
    margin-left: 1.5em;
}

.content ul {
    list-style: disc;
}

.content ul ul {
    list-style: circle;
}

.content ol {
    list-style: decimal;
}

.content ol ol {
    list-style: lower-alpha;
}

.content ul ul, .content ul ol, .content ol ul, .content ol ol {
    margin-bottom: 0;
}

.content li {
    margin-bottom: 0.5em;
    line-height: 170%;
}

.content ol > li:last-child, .content ul > li:last-child {
    margin-bottom: 0;
}

.content ol > li:first-child, .content ul > li:first-child {
    margin-top: 0.5em;
}

/* WordPress Tables */

.content table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 1.1em;
}

.content th, .content td {
    padding: 2%;
    margin: 0;
    overflow: visible;
    line-height: 120%;
    border-bottom: 1px solid #DDD;
}

.content th {
    padding-top: 0;
}

.content th {
    font-weight: bold;
    color: #111;
}

.content table tbody > tr:nth-child(odd) > td {
    background: #f9f9f9;
}

.content ul.post-meta {
    margin-left: 0;
}

.content ul.post-meta li {
    list-style: none;
    margin-top: 0 !important;
}

.comment-date {
    display: inline-block;
    font-size: 10px;
    padding: 5px 0;
}

.comments .fn {
    display: block;
}

.comment-reply {
    height: 20px;
    line-height: 16px;
    padding: 0 12px;
    font-size: 10px;
}

.page-title-section {
    height: 225px;
    padding: 70px 0;
}

.page-title {
    margin-bottom: 0 !important;
}

@media all and (max-width: 767px) {
    .page-title-section, #breadcrumbs {
        text-align: center;
    }
}

.author-bio {
    display: block;
    overflow: hidden;
    padding: 32px;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

.author-social {
    font-size: 16px !important;
}

/*!---------- 19. IMAGE BLOCKS ----------*/

.image-small {
    max-height: 80px;
}

.fade-half {
    opacity: 0.5;
}

.cast-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}

.cast-shadow.img-responsive {
    margin: 10px auto;
}

/*!---------- 20. PORTFOLIO ----------*/

.project {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
    padding: 0;
}

.project .image-tile {
    margin: 0;
}

/*!---------- 21. FOOTER ----------*/

footer.bg-dark a {
    color: #fff;
}

.social-list {
    margin: 0;
}

.bg-dark .social-list a {
    color: #fff;
    opacity: .5;
}

.bg-dark .social-list a:hover {
    opacity: 1;
}

.back-to-top {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 36px;
    width: 36px;
    padding: 5px 11px;
}

.back-to-top .fa {
    font-size: 18px;
    color: #fff;
}

.back-to-top:hover {
    opacity: 1;
}

.bg-dark .back-to-top {
    border-color: #fff;
}

.bg-dark .back-to-top:active, .bg-dark .back-to-top:focus {
    color: #fff;
}

.bg-dark .back-to-top:hover {
    background: none;
}

.footer input[type="submit"] {
    border: 0;
    margin-top: 3px;
}

.copyright-text {
    color: #fefefe;
}

.footer .footer-credits {
    /*color: #fff;*/
    display: none;
}

.footer .footer-credits a {
    color: #fefefe;
    opacity: .8;
}

.footer .footer-credits a:hover,
.footer .footer-credits a:focus {
    color: #5234f9;
}

/*!---------- 22. SPACING ----------*/

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb16 {
    margin-bottom: 16px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb32 {
    margin-bottom: 32px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb64 {
    margin-bottom: 64px;
}

.p24 {
    padding: 24px;
}

.p0 {
    padding: 0;
}

.pt48 {
    padding-top: 48px;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0;
}

@media all and (max-width: 767px) {
    .mb-xs-24 {
        margin-bottom: 24px;
    }

    .mb-xs-40 {
        margin-bottom: 40px;
    }
}

/*!---------- 23. OTHER ----------*/

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.feature-1 i {
    font-size: 64px;
}

.parallax-section {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.parallax-window {
    background: transparent;
}

.small-screen .top-parallax-section {
    overflow: hidden;
    padding: 96px 0;
}

.social-list {
    font-size: 22px;
}

.testimonial-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin-bottom: 16px;
}

.image-bg a {
    color: #745cf9;
}

.widget-area section {
    border-bottom: 0;
    padding: 0;
}

/* Layout */

.has-sidebar-left #secondary {
    padding-right: 40px;
}

.no-sidebar {
    float: none;
    margin: 0 auto;
}

.full-width {
    width: 100%;
}

.tags-links {
    display: block;
}

#social {
    background: transparent;
    float: right;
}
.contact-section #social {
    float: none;
    border-bottom: 0 none;
}

#social li {
    display: inline-block;
}

#social li,
#social ul {
    border: 0 !important;
    list-style: none;
    padding-left: 0;
    text-align: center;
}
.contact-section #social ul {
    text-align: left;
}

.contact-section .social-icons li a {
    color: #745cf9;
}
.contact-section .social-icons li a:hover {
    color: #5d47d7;
}

#social .social_icon span {
    display: none;
}

#social li a[href*="twitter.com"] .fa:before,
.fa-twitter:before {
    content: "\f099"
}

#social li a[href*="facebook.com"] .fa:before,
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

#social li a[href*="github.com"] .fa:before,
.fa-github:before {
    content: "\f09b"
}

#social li a[href*="/feed"] .fa:before,
.fa-rss:before {
    content: "\f09e"
}

#social li a[href*="pinterest.com"] .fa:before,
.fa-pinterest:before {
    content: "\f0d2"
}

#social li a[href*="plus.google.com"] .fa:before,
.fa-google-plus:before {
    content: "\f0d5"
}

#social li a[href*="linkedin.com"] .fa:before,
.fa-linkedin:before {
    content: "\f0e1"
}

#social li a[href*="youtube.com"] .fa:before,
.fa-youtube:before {
    content: "\f167"
}

#social li a[href*="instagram.com"] .fa:before,
.fa-instagram:before {
    content: "\f16d"
}

#social li a[href*="flickr.com"] .fa:before,
.fa-flickr:before {
    content: "\f16e"
}

#social li a[href*="tumblr.com"] .fa:before,
.fa-tumblr:before {
    content: "\f173"
}

#social li a[href*="dribbble.com"] .fa:before,
.fa-dribbble:before {
    content: "\f17d"
}

#social li a[href*="skype.com"] .fa:before,
.fa-skype:before {
    content: "\f17e"
}

#social li a[href*="foursquare.com"] .fa:before,
.fa-foursquare:before {
    content: "\f180"
}

#social li a[href*="vimeo.com"] .fa:before,
.fa-vimeo-square:before {
    content: "\f194"
}

#social li a[href*="spotify.com"] .fa:before,
.fa-spotify:before {
    content: "\f1bc"
}

#social li a[href*="soundcloud.com"] .fa:before,
.fa-soundcloud:before {
    content: "\f1be"
}

.header-image-bg {
    background-size: cover;
    position: relative;
}

.header-image-bg .page-title {
    position: relative;
    z-index: 2;
}

.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button {
    left: 0 !important;
}

#site-navigation .customize-partial-edit-shortcut button, #site-navigation .widget .customize-partial-edit-shortcut button, #colophon .customize-partial-edit-shortcut button, #colophon .widget .customize-partial-edit-shortcut button, #secondary .customize-partial-edit-shortcut button, #secondary .widget .customize-partial-edit-shortcut button {
    left: -30px !important;
}

.video-widget {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 56px);
}

.video-widget .video-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 6;
}

.video-widget .video-controls button {
    background: #745cf9;
    color: #fff;
    border: none;
    padding: 5px 10px;
    text-align: center;
}

.video-widget.youtube {
    position: relative;
    background: transparent;
}
.vimeo-holder iframe {
    width: 100%;
}
.video-widget.vimeo:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}

.ytplayer-container {
    position: absolute;
    top: 0;
    z-index: -1;
}

.shapely_home_parallax {
    width: 100%;
    display: block;
}

.shapely_home_parallax > section:not(.image-bg) .btn-white {
    border-color: #745cf9;
    color: #745cf9;
}
.shapely_home_parallax > section:not(.image-bg) .btn-white:hover,
.shapely_home_parallax > section:not(.image-bg) .btn-white:focus {
    color: #fff;
    background-color: #5234f9;
    border-color: #5234f9;
}
.shapely_home_parallax > section:not(.image-bg) .btn-white:active {
    border-color: #5234f9;
    background-color: #5234f9;
    color: #fff;
}

.bg-secondary .text-right {
    z-index: 2;
}

/*
* Widgets
*/
.widget .widget-title {
  font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-size: 22px;
  line-height: 24px;
  color: #001c28;
  margin-bottom: 25px; }
.widget.widget_archive > div ul, .widget.widget_archive ul, .widget.widget_categories > div ul, .widget.widget_categories ul, .widget.widget_meta > div ul, .widget.widget_meta ul, .widget.widget_pages > div ul, .widget.widget_pages ul, .widget.widget_nav_menu > div ul, .widget.widget_nav_menu ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_archive > div ul li, .widget.widget_archive ul li, .widget.widget_categories > div ul li, .widget.widget_categories ul li, .widget.widget_meta > div ul li, .widget.widget_meta ul li, .widget.widget_pages > div ul li, .widget.widget_pages ul li, .widget.widget_nav_menu > div ul li, .widget.widget_nav_menu ul li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .widget.widget_archive > div ul li:last-of-type, .widget.widget_archive ul li:last-of-type, .widget.widget_categories > div ul li:last-of-type, .widget.widget_categories ul li:last-of-type, .widget.widget_meta > div ul li:last-of-type, .widget.widget_meta ul li:last-of-type, .widget.widget_pages > div ul li:last-of-type, .widget.widget_pages ul li:last-of-type, .widget.widget_nav_menu > div ul li:last-of-type, .widget.widget_nav_menu ul li:last-of-type {
      border: none;
      padding-bottom: 0;
      margin-bottom: 0;
  }
    .woocommerce .widget_layered_nav ul li span, .widget.widget_archive > div ul li span, .widget.widget_archive ul li span, .widget.widget_categories > div ul li span, .widget.widget_categories ul li span, .widget.widget_meta > div ul li span, .widget.widget_meta ul li span, .widget.widget_pages > div ul li span, .widget.widget_pages ul li span, .widget.widget_nav_menu > div ul li span, .widget.widget_nav_menu ul li span {
      font-size: 12px;
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      color: #8c979e;
      float: right; }
    .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce.widget ul.cart_list li a, .woocommerce.widget ul.product_list_widget li a, .widget_products .product_list_widget a, .widget_product_categories ul.product-categories li a, .widget_product_tag_cloud .tagcloud a, .widget.widget_archive > div ul li a, .widget.widget_archive ul li a, .widget.widget_categories > div ul li a, .widget.widget_categories ul li a, .widget.widget_meta > div ul li a, .widget.widget_meta ul li a, .widget.widget_pages > div ul li a, .widget.widget_pages ul li a, .widget.widget_nav_menu > div ul li a, .widget.widget_nav_menu ul li a {
      font-size: 14px;
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      color: #8c979e;
      font-weight: 400; }
    .woocommerce .widget_layered_nav ul li a:hover, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce.widget ul.cart_list li a:hover, .woocommerce.widget ul.product_list_widget li a:hover, .widget_products .product_list_widget a:hover, .widget_product_categories ul.product-categories li a:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget.widget_archive > div ul li a:focus, .widget.widget_archive > div ul li a:hover, .widget.widget_archive ul li a:focus, .widget.widget_archive ul li a:hover, .widget.widget_categories > div ul li a:focus, .widget.widget_categories > div ul li a:hover, .widget.widget_categories ul li a:focus, .widget.widget_categories ul li a:hover, .widget.widget_meta > div ul li a:focus, .widget.widget_meta > div ul li a:hover, .widget.widget_meta ul li a:focus, .widget.widget_meta ul li a:hover, .widget.widget_pages > div ul li a:focus, .widget.widget_pages > div ul li a:hover, .widget.widget_pages ul li a:focus, .widget.widget_pages ul li a:hover, .widget.widget_nav_menu > div ul li a:focus, .widget.widget_nav_menu > div ul li a:hover, .widget.widget_nav_menu ul li a:focus, .widget.widget_nav_menu ul li a:hover {
        color: #5234f9; }
.woocommerce.widget ul.cart_list li a.remove { font-size: 1.5em; }
.widget.widget_recent_comments ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_recent_comments ul li {
    color: #8c979e; }
    .widget.widget_recent_comments ul li a {
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      font-weight: 400; }
    .widget.widget_recent_comments ul li .comment-author-link {
      color: #8c979e; }
      .widget.widget_recent_comments ul li .comment-author-link a {
        color: #8c979e; }
        .widget.widget_recent_comments ul li .comment-author-link a:focus, .widget.widget_recent_comments ul li .comment-author-link a:hover {
          color: #5234f9; }
.widget.widget_nav_menu .menu > li {
  float: none; }
  .widget.widget_nav_menu .menu > li a {
    text-transform: initial;
    font-size: 14px;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    color: #fff;
    font-weight: 600;
    opacity: 1; }
    .widget.widget_nav_menu .menu > li a:focus, .widget.widget_nav_menu .menu > li a:hover {
      color: #5234f9; }
.widget.widget_tag_cloud a {
  text-transform: initial;
  font-size: 14px;
  font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
  color: #8c979e;
  font-weight: 400; }
  .widget.widget_tag_cloud a:focus, .widget.widget_tag_cloud a:hover {
    color: #5234f9; }
.widget.widget_recent_entries ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_recent_entries ul li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .widget.widget_recent_entries ul li:last-of-type {
      border: none;
      padding-bottom: 0; }
    .widget.widget_recent_entries ul li .post-date {
      font-size: 12px;
      color: #001c28;
      padding-left: 10px;
      border-left: 1px solid #ebebeb; }
    .widget.widget_recent_entries ul li a {
      text-transform: initial;
      font-size: 14px;
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      color: #8c979e;
      font-weight: 400;
      display: inline-block;
      width: 100%; }
      .widget.widget_recent_entries ul li a:focus, .widget.widget_recent_entries ul li a:hover {
        color: #5234f9; }
.widget.widget_rss .rss-widget-icon {
  display: none; }
.widget.widget_rss .widget-title a {
  font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
  font-size: 22px;
  line-height: 24px;
  color: #001c28;
  margin-bottom: 25px;
  font-weight: 400; }
.widget.widget_rss ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_rss ul li {
    margin-bottom: 40px; }
    .widget.widget_rss ul li .rsswidget {
      font-size: 22px;
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      line-height: 24px;
      font-weight: 400;
      color: #001c28;
      display: block; }
      .widget.widget_rss ul li .rsswidget:hover, .widget.widget_rss ul li .rsswidget:focus {
        color: #745cf9; }
    .widget.widget_rss ul li .rss-date {
      font-size: 12px;
      display: inline-block;
      width: 100%;
      margin-bottom: 30px; }
    .widget.widget_rss ul li .rssSummary {
      color: #8c979e;
      font-size: 14px; }
    .widget.widget_rss ul li cite {
      color: #001c28;
      font-style: normal; }
.widget.widget_search .search-form,
.widget_product_search .woocommerce-product-search {
  padding: 0;
  position: relative; }
  .widget.widget_search .search-form > input,
  .widget_product_search .woocommerce-product-search > input {
    background: transparent;
    border: 1px solid #ebebeb;
    text-transform: initial;
    font-weight: 400; 
    box-sizing: border-box;
    }
    .widget.widget_search .search-form > input#s:hover, 
    .widget.widget_search .search-form > input#s:focus,
    .widget_product_search .woocommerce-product-search > input.search-field:hover,
    .widget_product_search .woocommerce-product-search > input.search-field:focus,
    textarea:hover,
    textarea:focus,
    input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover,
    input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
      border-color: #745cf9;
      box-shadow: none;
      outline: none; }
    .widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit,
    .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit,
    .widget.widget_product_search input[type="text"]:focus + button[type="submit"].searchsubmit,
    .widget.widget_product_search input[type="text"]:hover + button[type="submit"].searchsubmit {
        color: #745cf9;
        border-color: #745cf9 !important;
    }
  .widget.widget_search .search-form > button[type="submit"].searchsubmit,
  .widget_product_search .woocommerce-product-search > button[type="submit"].searchsubmit {
    position: absolute;
    border: none;
    top: 7px;
    right: 0;
    margin: 0;
    bottom: 7px;
    height: 35px;
    width: 40px;
    border-left: 1px solid #ebebeb !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    border-bottom: 0 none !important;
    color: transparent;
    background-color: transparent !important;
    z-index: 2;
    font-size: 14px;
    line-height: 1.5;
    }
    .widget.widget_search .search-form > button[type="submit"].searchsubmit,
    .widget.widget_product_search button[type="submit"].searchsubmit {
        color: #ebebeb;
    }
    .footer-widget-area .widget.widget_search .search-form > button[type="submit"].searchsubmit,
    .footer-widget-area .widget.widget_product_search button[type="submit"].searchsubmit {
        color: #fff;
    }
    .widget_product_search .woocommerce-product-search > button[type="submit"]:hover {
        color: transparent !important;
        background-color: transparent !important;
    }
    .widget.widget_search .search-form > .searchsubmit:hover, .widget.widget_search .search-form > .searchsubmit:focus, .widget.widget_search .search-form > .searchsubmit:active {
      color: transparent; }
  .widget.widget_search .search-form :-moz-placeholder {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: #8c979e;
    font-size: 14px;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif; }
  .widget.widget_search .search-form ::-moz-placeholder {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: #8c979e;
    font-size: 14px;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif; }
  .widget.widget_search .search-form :-ms-input-placeholder {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: #8c979e;
    font-size: 14px;
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif; }
.widget_product_categories ul.product-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget_product_categories ul.product-categories ul {
    list-style: none;
    padding-top: 20px;
}
.widget_product_categories ul.product-categories li:not(.cat-parent) {
    padding-bottom: 20px;
}
.widget.widget_calendar {
  position: relative; }
  .widget.widget_calendar .widget-title, .widget.widget_calendar h3 {
    display: none; }
  .widget.widget_calendar table {
    border: 0;
    border-collapse: separate;
    border-spacing: 4px; }
  .widget.widget_calendar #wp-calendar {
    font-size: 12px; }
    .widget.widget_calendar #wp-calendar > caption {
      color: #001c28;
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      text-align: center;
      font-size: 18px;
      font-weight: 400;
      padding-bottom: 20px;
      padding-top: 16px;
      min-height: 55px;
      position: relative;
      margin-bottom: 20px;
      border-bottom: 1px solid #ebebeb; }
      .widget.widget_calendar #wp-calendar > caption:after {
        width: 75px;
        display: block;
        content: '';
        height: 1px;
        background: #745cf9;
        position: absolute;
        bottom: -1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    .widget.widget_calendar #wp-calendar thead {
      color: #745cf9; }
    .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev) {
      width: 44px;
      height: 44px;
      border: 1px solid #ebebeb; }
    .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today {
      border-color: #745cf9; }
      .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover {
        background: #745cf9;
        color: #fff; }
        .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover a {
          color: #fff; }
    .widget.widget_calendar #wp-calendar td, .widget.widget_calendar #wp-calendar th {
      padding: 6px 7px;
      color: #001c28;
      text-align: center; }
      .widget.widget_calendar #wp-calendar td a, .widget.widget_calendar #wp-calendar th a {
        color: #745cf9;
        text-decoration: none; }
        .widget.widget_calendar #wp-calendar td a:hover, .widget.widget_calendar #wp-calendar td a:focus, .widget.widget_calendar #wp-calendar th a:hover, .widget.widget_calendar #wp-calendar th a:focus {
          text-decoration: none; }
    .widget.widget_calendar #wp-calendar #prev {
      position: absolute;
      top: -2px;
      left: 10%;
      width: 35px;
      height: 55px;
      background-color: transparent;
      color: #FFF; }
      .widget.widget_calendar #wp-calendar #prev:before {
        content: '\f104';
        display: block;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        position: relative;
        font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
        color: #001c28; }
      .widget.widget_calendar #wp-calendar #prev > a {
        top: 18px;
        position: absolute;
        color: transparent !important;
        left: 0; }
  .widget.widget_calendar #next {
    position: absolute;
    top: -2px;
    right: 10%;
    width: 35px;
    height: 55px;
    background-color: transparent;
    color: #FFF; }
    .widget.widget_calendar #next:before {
      content: '\f105';
      display: block;
      font-size: 16px;
      line-height: 46px;
      text-align: center;
      position: relative;
      font-family: 'FontAwesome';
      color: #001c28; }
    .widget.widget_calendar #next > a {
      top: 18px;
      position: absolute;
      color: transparent !important;
      right: 0; }
#colophon .widget {
    margin-bottom: 24px;
}
#colophon .site-info {
  margin-top: 15px; 
  text-align: center;

}
#colophon .widget {
  display: inline-block;
  width: 100%; }
  #colophon .widget ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
}
    #colophon .widget ul li {
      margin-right: 0; }
  #colophon .widget .widget-title {
    color: #fff;
    border-bottom: none; }
  #colophon .widget.widget_calendar #wp-calendar > caption {
    color: #fff; }
  #colophon .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today, #colophon .widget.widget_calendar #wp-calendar thead {
    color: #fff; }
  #colophon .widget.widget_calendar #wp-calendar th, #colophon .widget.widget_calendar #wp-calendar td {
    color: #fff; }
  #colophon .widget.widget_calendar #wp-calendar #prev:before, #colophon .widget.widget_calendar #wp-calendar #next:before {
    color: #fff; }
  #colophon .widget.widget_rss ul li .rsswidget {
    color: #fff; }
    #colophon .widget.widget_rss ul li .rsswidget:hover, #colophon .widget.widget_rss ul li .rsswidget:focus {
      color: #5234f9; }
  #colophon .widget.widget_rss .widget-title a {
    color: #fff; }
    #colophon .widget.widget_rss .widget-title a:hover, #colophon .widget.widget_rss .widget-title a:focus {
      color: #5234f9; }

/*
* Content
*/
.post-content {
  margin-bottom: 20px; }
  .post-content .entry-header {
    position: relative; }
    .post-content .entry-header img {
      width: 100%; }
  .post-content .post-meta {
    list-style-type: none;
    margin-left: 0; }
    .post-content .post-meta li {
      position: relative; }
      .post-content .post-meta li a {
        color: #745cf9;
        font-weight: 400; }
        .post-content .post-meta li a:hover, .post-content .post-meta li a:focus {
          color: #5234f9; }
      .post-content .post-meta li:before {
        content: '';
        height: 10px;
        width: 2px;
        background: #001c28;
        display: block;
        position: absolute;
        bottom: 6px;
        left: -13px; }
      .post-content .post-meta li:first-of-type:before {
        content: none; }
  .post-content .entry-content .post-title {
    font-size: 30px;
    line-height: 35px;
    margin-top: 25px;
    margin-bottom: 10px; }
    .post-content .entry-content .post-title a {
      font-weight: 300;
      color: #001c28; }
  .post-content.post-grid-small .shapely-category {
    width: 70%; }
  .post-content .shapely-category {
    position: absolute;
    background: #fff;
    height: 62px;
    width: 45%;
    bottom: 0;
    left: 0; }
    .post-content .shapely-category a {
      font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      color: #bebebe;
      display: inline-block;
      width: 100%;
      text-align: center;
      margin-top: 16px;
      padding-bottom: 13px;
      position: relative; }
      .post-content .shapely-category a:hover, .post-content .shapely-category a:focus {
        color: #5234f9; }
      .post-content .shapely-category a:after {
        content: '';
        display: block;
        width: 45px;
        height: 1px;
        background: #ebebeb;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0; }
  .post-content .more-link {
    display: block;
    width: 140px;
    margin-top: 20px;
    text-align: center;
    background: #745cf9;
    color: #fff;
    padding: 10px 20px; }
    .post-content .more-link:hover, .post-content .more-link:focus {
      background: #5234f9; }

.shapely-next-prev {
  padding-bottom: 35px; }

.shapely-tags {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ebebeb; }
  .shapely-tags > span {
    font-size: 15px;
    color: #767676;
    margin-right: 10px; }
  .shapely-tags > a {
    font-size: 15px;
    font-weight: 400;
    color: #767676; }
    .shapely-tags > a:hover, .shapely-tags > a:focus {
      color: #5234f9; }

.shapely-related-posts {
  padding-top: 35px;
  border-top: 1px solid #ebebeb;
  position: relative; }
  .shapely-related-posts .shapely-related-post-title a {
    color: #001c28;
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    margin-top: 20px;
    position: relative;
    padding-left: 9px; }
    .shapely-related-posts .shapely-related-post-title a:before {
      content: '';
      height: 13px;
      width: 1px;
      background: #e1e1e1;
      position: absolute;
      left: 0;
      top: 6px; }
    .shapely-related-posts .shapely-related-post-title a:hover, .shapely-related-posts .shapely-related-post-title a:focus {
      color: #5234f9; }
  .shapely-related-posts .shapely-carousel-navigation {
    margin-bottom: 0; }
    .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows {
      list-style-type: none;
      margin: 0; }
      .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li {
        display: inline-block;
        position: absolute;
        right: -17px;
        top: 50%;
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 50%;
        z-index: 100;
        text-align: center;
        line-height: 35px; }
        .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li a {
          color: #fff;
          display: block;
          line-height: 35px; }
        .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:hover, .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:focus {
          background: black; }
        .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:first-of-type {
          left: -17px;
          right: initial; }

/*
* Comments
*/
.comment-form :-moz-placeholder {
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  color: #8c979e;
  font-size: 14px;
  font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif; }
.comment-form ::-moz-placeholder {
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  color: #8c979e;
  font-size: 14px;
  font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif; }
.comment-form :-ms-input-placeholder {
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  color: #8c979e;
  font-size: 14px;
  font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif; }
.comment-form textarea {
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  height: 120px; }
  .comment-form textarea:focus, .comment-form textarea:active {
    outline: none;
    border-bottom: 1px solid #745cf9; }
.comment-form input[type="text"],
.comment-form input[type="url"],
.comment-form input[type="email"] {
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  width: 31.3%;
  float: left;
  margin-right: 3%; }
  .comment-form input[type="text"]:last-of-type,
  .comment-form input[type="url"]:last-of-type,
  .comment-form input[type="email"]:last-of-type {
    margin: 0; }
  .comment-form input[type="text"]:focus, .comment-form input[type="text"]:active,
  .comment-form input[type="url"]:focus,
  .comment-form input[type="url"]:active,
  .comment-form input[type="email"]:focus,
  .comment-form input[type="email"]:active {
    outline: none;
    border-bottom: 1px solid #745cf9; }
.comment-form .form-submit {
  display: inline-block;
  width: 100%;
  margin-top: 15px; }

.author-bio {
  background: transparent; }
  .author-bio .avatar img {
    border-radius: 50%; }
  @media all and (min-width: 991px) {
    .author-bio .col-sm-10 {
        border-left: 1px solid #ebebeb;
    }
    .author-bio-left-side .author-bio .col-sm-10 {
        border-left: 0 none;
    }
  }
  .author-bio .fn {
    font-weight: 400;
    font-size: 18px; }
  .author-bio p {
    margin-top: 10px;
    color: #8c979e;
    font-size: 14px; }
  .author-bio .author-email {
    color: #8c979e;
    font-weight: 400; }
    .author-bio .author-email:hover, .author-bio .author-email:focus {
      color: #5234f9; }
  @media all and (min-width: 550px) {
    .author-bio .author-social {
      position: absolute;
      right: 20px;
      top: 0; } }
  .author-bio .author-social li {
    padding: 0 5px; }
    .author-bio .author-social li a {
      color: #001c28;
      font-size: 12px; }

.author-bio-left-side .col-sm-2, .author-bio-left-side .col-sm-10 {
  width: 100%; }
.author-bio-left-side .author-bio {
  text-align: center;
  padding: 15px 20px; }
  .author-bio-left-side .author-bio .fn {
    margin-top: 10px;
    display: inline-block;
    width: 100%; }
  .author-bio-left-side .author-bio .author-email {
    display: none; }
  .author-bio-left-side .author-bio .author-social {
    position: relative;
    display: inline-block;
    text-align: center;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial; }
    .author-bio-left-side .author-bio .author-social li a {
      color: #001c28; }

.single-post .entry-content .dropcaps-content > p:first-child:first-letter {
  float: left;
  font-size: 57px;
  margin: 10px;
  margin-right: 20px;
  color: #001c28; }

.pt0 {
  /*padding-top: 30px; */
  padding-top: 0px;
}

/* WooCommerce */
.woocommerce-product-gallery figure {
    padding: 0;
}
.woocommerce .cart .coupon input.button {
    width: auto;
}
.woocommerce-page #content table.cart td.actions .coupon .input-text {
    width: auto;
}

/* Contact Form 7 */
.wpcf7-form div.wpcf7-validation-errors {
    background: #f7e700;
    color: #000;
}
.wpcf7-form div.wpcf7-mail-sent-ng {
    background: #ff0000;
    color: #fff;
}
.wpcf7-form div.wpcf7-mail-sent-ok {
    background: #000;
    color: #fff;
}
.wpcf7-form div.wpcf7-spam-blocked {
    background: #ffa500;
    color: #000;
}
span.wpcf7-not-valid-tip {
    margin-top: -24px;
}



/*--------------------------------------------------------------

add css 20170914

--------------------------------------------------------------*/

header#masthead {
    margin-bottom: -20px!important;
}

/* FRONT PAGE */
h1.entry-title {
    display: none;
}

/*** RESULTS PC***/
dl,dt,dd {
    margin: 0;
}

.results_wrap {
    padding: 50px 0;
}

.results_wrap h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 0;
}

.wrap_Pt01 {
    max-width: 85%;
    height: 620px;
    margin: 0 auto 150px;
    padding: 130px 10px 0 500px;
}

.wrap_Pt02 {
    max-width: 85%;
    height: 620px;
    margin: 0 auto 150px;
    padding: 130px 10px 0 40px;
}

.athlete01 {
    background-image: url(https://maurten.jp/wp-content/uploads/Kenenisa_Bekele.png);
    background-repeat: no-repeat;
}

.athlete02 {
    background-image: url(https://maurten.jp/wp-content/uploads/Abel_Kirui.png);
    background-repeat: no-repeat;
}

.athlete03 {
    background-image: url(https://maurten.jp/wp-content/uploads/Ghirmay_Ghebreslassie.png);
    background-repeat: no-repeat;
}

.athlete04 {
    background-image: url(https://maurten.jp/wp-content/uploads/Wilson_Kipsang.png);
    background-repeat: no-repeat;
}

.athlete05 {
    background-image: url(https://maurten.jp/wp-content/uploads/Geoffrey_Kirui.png);
    background-repeat: no-repeat;
}

.athlete06 {
    background-image: url(https://maurten.jp/wp-content/uploads/Daniel_Wanjiru.png);
    background-repeat: no-repeat;
}
.athlete07 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge02.png);
    background-repeat: no-repeat;
}
.athlete08 {
    background-image: url(https://maurten.jp/wp-content/uploads/Geoffrey_Kirui02.png);
    background-repeat: no-repeat;
}
.athlete09 {
    background-image: url(https://maurten.jp/wp-content/uploads/Rose_Chelimo.png);
    background-repeat: no-repeat;
}
.athlete10 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge.png);
    background-repeat: no-repeat;
}
.athlete11 {
    background-image: url(https://maurten.jp/wp-content/uploads/Galen_Rupp.png);
    background-repeat: no-repeat;
}
.athlete12 {
    background-image: url(https://maurten.jp/wp-content/uploads/Geoffrey_Kamworor.png);
    background-repeat: no-repeat;
}
.athlete13 {
    background-image: url(https://maurten.jp/wp-content/uploads/Dickson_chumba.png);
    background-repeat: no-repeat;
}
.athlete14 {
    background-image: url(https://maurten.jp/wp-content/uploads/Desiree_Linden.png);
    background-repeat: no-repeat;
}
.athlete15 {
    background-image: url(https://maurten.jp/wp-content/uploads/Vivian_Cheruiyot.png);
    background-repeat: no-repeat;
}
.athlete16 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge03.png);
    background-repeat: no-repeat;
}

.athlete17 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge04.png);
    background-repeat: no-repeat;
}

.athlete18 {
    background-image: url(https://maurten.jp/wp-content/uploads/Mo_Farah.png);
    background-repeat: no-repeat;
}

.athlete19 {
    background-image: url(https://maurten.jp/wp-content/uploads/Mary_Keitany.png);
    background-repeat: no-repeat;
}

.athlete20 {
    background-image: url(https://maurten.jp/wp-content/uploads/Burhany_Legese.png);
    background-repeat: no-repeat;
}

.athlete21 {
    background-image: url(https://maurten.jp/wp-content/uploads/Worknesh_Degefa.png);
    background-repeat: no-repeat;
}

.athlete22 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge05.png);
    background-repeat: no-repeat;
}

.results_subtitle {
    width: 70%;
    margin: 10px auto 100px;
}

.wrap_Pt01 dt {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
}

.wrap_Pt02 dt {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
}

dd.results {
    font-size: 2em;
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

dd.name {
    font-size: 1.5em;
    margin-bottom: 15px;
}

p.athlete_tx {
    width: 430px;
    line-height: 2em;
}




/*** QUESTION PC ***/
.question_wrap {
    width: 80%;
    margin: 10px auto;
}

.question_wrap dl {
    margin-bottom: 30px;
    background-color: #eee;
    padding: 20px 30px;
}

.question_wrap dt {
    background-image: url(https://maurten.jp/wp-content/uploads/question_logo.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    font-size: 22px;
    padding: 0px 0 10px 40px;
    margin-bottom: 15px;
    border-bottom: 1px solid #999;
}

/*** INNOVATION PC ***/
.innovation_wrap {
    margin: 50px auto;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.title_article {
    width: 100%;
    margin: 20px auto;
    padding: 30px;
    color: #333;
    border-bottom: 1px solid #ccc;
}

.title_article h1 {
    font-size: 30px;
    color: #333;
    line-height: 1.5em;
    font-weight: bold;
}

.title_article p {
    color: #111;
}

.pt01_left {
    float: left;
    padding: 10px;
    width: 48%;
}

.pt01_right {
    float: right;
    padding: 10px;
    width: 48%;
}

.pt01_right dt {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.pt01_right dd {
    line-height: 1.5em;
}

.innovation_pt01 {
    padding: 30px 0;
}

.innovation_pt02 {
    padding: 30px;
    margin-top: 150px;
    background-color: #eee;
}

.innovation_pt02 h2 { 
    font-size: 30px;
    transform: rotate(0.05deg);
    padding: 0 20px;
    font-weight: bold;
}

.innovation_pt02 h3 { 
    font-size: 24px;
    transform: rotate(0.05deg);
    padding: 0 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
}

.innovation_pt02 .tx01 { 
    text-align: center;
}

.innovation_pt02 p { 
    transform: rotate(0.05deg);
    padding: 0 20px 20px;
    line-height: 1.8em;
}

.innovation_pt02 ul li { 
    list-style-type: none;
}

.ft_01 {
    color: #fff;
    line-height: 1.8em; 
}

.ft_01 dt {
    margin-top: 18px;
    font-size: 1.2em;
}

.ft_contactBt {
    width: 90%;
    margin-bottom: 20px;
}


/*** product detail PC ***/

.product_h2 {
    line-height: 40px;
    margin-bottom: 15px;
    font-size:38px;
}

.product_h3 {
    margin-bottom: 0;
}

section .product {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0 0;
}

p.price {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 45px;
}

p.detail {
    border-bottom: 1px dotted #000;
    padding-bottom: 20px;
}

.wrap_left {
    float:left;
    width: 48%;
}

.ingredients {
    color: #333;
    border: 2px solid #333;
    width: 44%;
    float: left;
    margin-left: 80px;
}

.ingredients dt,dd {
    padding: 0;
}

.ingredients dt {
    font-weight: normal;
    font-size: 13px;
}

.ingredients dl {
    padding: 10px;
    border-bottom: 1px dotted #999;
}

.ingredients dd {
    text-align: right;
    font-size: 13px;
}

.ingredients dd.dd_01 {
    padding: 10px;
}

.ingredients dd.dd_02 {
    text-align: left;
    padding: 10px;

}

.ingredients dd.dd_02 .border_none {
    border: none;
}

.ingredients dt.tx_bold {
    font-weight: bold;
}

.ingredients .title {
    width: 100%;
    padding: 15px;
    background-color: #000;
    color: #fff;
    font-family:FFDINWebProBold, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

.ingredients .sub_title {
    border-bottom: 2px solid #000;
}

.ingredients .sub_title dt {
    font-size: 15px;
}

.ingredients .float_l {
    float: left;
}

.clear_l {
    clear: left;
}

ul.cart_bt {
    list-style: none;
    margin: 0 0 20px;
	border-bottom: 1px dotted #000;
}

.cart_bt li {
    display: inline-block;
    width: 40%;
    margin: 5px;
}

.cart_bt li.buy_bt {
    width: 100%;
}

.cart_bt li.buy_bt a{
    letter-spacing: -1px;
    font-size: 20px;
}

.cart_bt li img {
/*    width:48%;
    margin: 10px;*/
	border: 1px solid #000;
}



/*** SHOP PC ***/
.shop_wrap {
    margin: 50px auto;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.product_wrap {
    -webkit-box-orient: horizontal;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.product_wrap .product_item {
    width: 31.03448%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.product_name {
    margin: 1.8em 0 .6em;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: bold;
}

.product_tx {
    font-size: 1em;
    line-height: 1.55;
}

.product_item a {
    color: #000;
    text-underline-position: under;
    transition: color .3s;
}

.product_item b {
    font-family: FFDINWebProBold,sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 0.8em;
}

.product_item .price {
    font-size: 1.2em;
    font-weight: normal;
}

/*カラーミー CSS*/

div.cartjs_product_table table {
width: 100% !important;
}
div.cartjs_product_table table tr.cartjs_sales_price th {
font-weight: bold !important;
}
div.cartjs_product_table table tr.cartjs_product_num th {
font-weight: bold !important;
}
div.cartjs_product_table table tr.cartjs_product_num td {
padding-bottom: 0 !important;
padding-top: 15px !important;
}
div.cartjs_cart_in input[type="submit"] {
width: 100% !important;
background-color: #000 !important;
height: 50px !important;
border-radius: 0 !important;
}
div.cartjs_cart_in {
    text-align: right !important;
    margin-top: -90px !important;
    margin-bottom: 0 !important;
}


/*** STORE PC ***/
.storelist_wrap {
    margin: 50px auto;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.storelist_wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.storelist_wrap ul li {
  display: inline-block;
  margin: 0 .3em .3em 0;
  padding: 0;
}
.storelist_wrap ul li a {
  display: inline-block;
  max-width: 100px;
  height: 28px;
  line-height: 28px;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  font-size: 13px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.storelist_wrap ul li a:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.store_wrap {
    -webkit-box-orient: horizontal;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.store_wrap::after{
  content:"";
  display: block;
  width:31%;
}

.store_wrap .store {
    width: 31.03448%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding: 0 20px;
    background-color: #f3f3f3;
    margin-bottom: 20px;
}

.store_name {
    margin: 1.8em 0 .6em;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: bold;
}

.store a {
    color: #000;
    text-underline-position: under;
    transition: color .3s;
}

.store b {
    font-family: FFDINWebProBold,sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 0.8em;
}

.store .address {
    font-size: 1em;
    font-weight: normal;
}

/*** PAYMENT PC ***/
section.payment_wrap {
    margin: 50px auto;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

section.payment_wrap div.title_article {
    width: 100%;
    margin: 30px 0 0;
    padding: 10px;
    color: #333;
    border-bottom: 1px solid #ccc;
}

section.payment_wrap div.title_article h2 {
    font-size:26px;
    font-weight: bold;
}

dl.payment_wrap01 {
    padding-bottom: 30px;
}

dl.payment_wrap01 dt {
    padding-top: 1em;
    padding-bottom: 1em;
    float: left;
}

dl.payment_wrap01 dd {
    border-bottom: 1px solid #eee;
    padding-left: 35%;
    padding-top: 1em;
    padding-bottom: 1em;

}

dl.payment_wrap02 dt {
    padding-top: 1em;
    padding-bottom: 1em;
    float: left;
}

dl.payment_wrap02 dl{
    padding: 0.5em 0;
}

dl.payment_wrap02 dd{
    border-bottom: 1px solid #eee;
    padding-left: 35%;
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 2em;
}

/*** privacypolicy PC ***/

section.privacypolicy_wrap {
    margin: 50px auto;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

section.privacypolicy_wrap div.title_article {
    width: 100%;
    margin: 30px 0;
    padding: 10px;
    color: #333;
    border-bottom: 1px solid #ccc;
}
section.privacypolicy_wrap div.title_article h2 {
    font-size:26px;
    font-weight: bold;
}
section.privacypolicy_wrap h3 {
    font-size: 20px;
    margin: 5px;
}

dl.privacypolicy_wrap01 {
    padding-bottom: 30px;
}

dl.privacypolicy_wrap01 dt {
    padding-top: 1em;
    padding-bottom: 1em;
    float: left;
}

dl.privacypolicy_wrap01 dd {
    border-bottom: 1px solid #eee;
    padding-left: 35%;
    padding-top: 1em;
    padding-bottom: 1em;

}

section.privacypolicy_wrap div.info {
    width: 80%;
    background-color: #e4e4e4;
    padding: 30px;
    margin: 10px auto;
}

section.privacypolicy_wrap div.info p.title {
    font-weight: bold;
}

/*** CONTACT PC ***/

.contact_wrap {
    padding: 96px 50px;
    width: 80%;
    margin: 50px auto;
    background-color: #eee;
}
.contact_wrap h2 {
    font-size: 24px;
    font-weight: bold;
}

.contact_wrap dt {
    font-size: 16px;
    font-weight: bold;
}

.contact_wrap dd input,textarea {
    border: 1px solid #ccc; 
}

.contact_wrap .news_tx {
    text-align: center;
    margin-bottom: 15px;
}

.contact_wrap p {
    text-align: center;
}

/*** campaign PC ***/
input.post-number01 {
    width: auto;
}

input.post-number02 {
    width: auto;
}

select.prefectures {
    height: 30px;
}

.mg-t_30 {
    margin-top: 30px;
}




@media (max-width: 767px) {
.img_90 {
    max-width: 90%;
}

/*** TOP SP ***/
header#masthead {
    margin-bottom: -20px!important;
}
.image-bg h3, .image-bg h1 {
    color: #ffffff;
    margin-top: 60px;
}

br.br,
br.br_p{
        display: inherit;
}

h1 p.h1_02 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    color: #333;
}

.image-bg h1 p.h1_01 {
    font-size: 50px;
    text-align: left;
    padding-left: 10px;
}

p.h1_01 span {
    text-decoration: underline;
}

p.tx03 {
    font-size: 0.9em;
    line-height: 1.8em;
    color: #000;
    padding: 0 20px 0;
}

.top-parallax-section .btn, .button {
    min-width: 90%;/*TOPページ results 製品情報ボタン*/
    line-height: 50px;/*TOPページ results 製品情報ボタン*/
}

.btn, .button {
    border: 2px solid #000;
    padding: 0 26px;
    min-width: 100%;/*TOPページ製品情報ボタン*/
    line-height: 50px;/*TOPページ製品情報ボタン*/
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-radius: 0;
    color: #000;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    margin-right: 8px;
    margin-bottom: 24px;
    white-space: normal;
}

/*** innovation SP ***/
div#n2-ss-2 .n2-ss-layer .n2-font-43fec621b4557b3b71e64e12a7fbaf85-hover {
    font-size: 200%;
}
div#n2-ss-3 .n2-ss-layer .n2-font-3a541ae7c6fc3ca831e10477daf43fd9-hover {
    font-size: 30px!important;
}

.title_article {
    width: 100%;
    margin: 0px auto 20px;
    padding: 10px 0px 0px;
    color: #333;
    border-bottom: 1px solid #ccc;
}

.title_article h1 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.title_article p {
    font-size: 14px;
}

.pt01_left {
    float: none;
    padding: 0px;
    width: 100%;
}

.pt01_right {
    float: none;
    padding: 20px 0;
    width: 100%;
}

.pt01_right dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.innovation_pt02 {
    padding: 0px;
    margin-top: 0px;
}

.innovation_pt02 h2 {
    font-size: 19px;
    transform: rotate(0.05deg);
    padding: 0px 10px;
    font-weight: bold;
    line-height: 1.5em;
}

.innovation_pt02 p {
    transform: rotate(0.05deg);
    padding: 0 10px 20px;
    line-height: 1.8em;
}
.innovation_pt01 {
    padding: 0;
}

.innovation_pt02 ul { 
    margin: 0;
    font-size: 12px;
}

br.display {
    display: inherit;
}

/*** product detail SP ***/

.product_h2 {
    line-height: 5px;
    margin-bottom: 18px;
    font-size: 1.5em;
}

.product_h3 {
    margin-bottom: 0;
    font-size: 20px;
}

.wrap_left {
    float: left;
    width: 100%;
}

.ingredients {
    color: #333;
    border: 2px solid #333;
    width: 100%;
    float: left;
    margin-left: 0;
}

p.price {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}

p.detail {
    margin-bottom: 20px;
}

.ingredients dl {
    padding: 5px;
}

.cart_bt li.buy_bt {
    width: 95%;
}

.cart_bt li.buy_bt a {
    letter-spacing: -1px;
    font-size: 20px;
    line-height: 25px;
    padding: 10px;
}

/*** questions ***/
.question_wrap {
    width: 100%;
    margin: -50px auto;
}
.question_wrap dt {
    font-size: 18px;
}

.question_wrap dl {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 20px 20px;
}

.ingredients dt, dd {
    padding: 0;
    line-height: 1.8em;
}

.innovation_pt02 h3 {
    font-size: 19px;
    transform: rotate(0.05deg);
    padding: 0 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
/*** results sp ***/
div#n2-ss-2 .n2-ss-layer .n2-font-43fec621b4557b3b71e64e12a7fbaf85-hover {
    font-family: FFDINWebPro, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' sans-serif;
    color: #ffffff;
    font-size: 200%!important;
    text-shadow: none;
    line-height: 1.7;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 5px;
    word-spacing: normal;
    text-transform: none;
    font-weight: 700;
}

.results_subtitle {
    width: 95%;
    margin: 10px auto 100px;
}

.results_wrap {
    padding: 20px 0;
}

.wrap_Pt01 dt {
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0;
}

.wrap_Pt02 dt {
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0;
}

.athlete01 {
    background-image: url(https://maurten.jp/wp-content/uploads/Kenenisa_Bekele_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.athlete02 {
    background-image: url(https://maurten.jp/wp-content/uploads/Abel_Kirui_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.athlete03 {
    background-image: url(https://maurten.jp/wp-content/uploads/Ghirmay_Ghebreslassie_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.athlete04 {
    background-image: url(https://maurten.jp/wp-content/uploads/Wilson_Kipsang_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.athlete05 {
    background-image: url(https://maurten.jp/wp-content/uploads/Geoffrey_Kirui_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.athlete06 {
    background-image: url(https://maurten.jp/wp-content/uploads/Daniel_Wanjiru_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete07 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge02_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete08 {
    background-image: url(https://maurten.jp/wp-content/uploads/Geoffrey_Kirui02_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete09 {
    background-image: url(https://maurten.jp/wp-content/uploads/Rose_Chelimo_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete10 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete11 {
    background-image: url(https://maurten.jp/wp-content/uploads/Galen_Rupp_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete12 {
    background-image: url(https://maurten.jp/wp-content/uploads/Geoffrey_Kamworor_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete13 {
    background-image: url(https://maurten.jp/wp-content/uploads/Dickson_Chumba_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete14 {
    background-image: url(https://maurten.jp/wp-content/uploads/Desiree_Linden_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete15 {
    background-image: url(https://maurten.jp/wp-content/uploads/Vivian_Cheruiyot_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete16 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge03_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete17 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge04_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete18 {
    background-image: url(https://maurten.jp/wp-content/uploads/Mo_Farah_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete19 {
    background-image: url(https://maurten.jp/wp-content/uploads/Mary_Keitany_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete20 {
    background-image: url(https://maurten.jp/wp-content/uploads/Burhany_Legese_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete21 {
    background-image: url(https://maurten.jp/wp-content/uploads/Worknesh_Degefa_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.athlete22 {
    background-image: url(https://maurten.jp/wp-content/uploads/Eliud_Kipchoge05_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.wrap_Pt01 {
    max-width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 385px 10px 5px;
    background-color: #eee;
}
.wrap_Pt02 {
    max-width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 385px 10px 5px;
    background-color: #eee;
}
.wrap_Pt03 {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 350px 10px 10px;
}
.wrap_Pt04 {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 350px 10px 10px;
}
.wrap_Pt05 {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 350px 10px 10px;
}
.wrap_Pt06 {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 350px 10px 10px;
}
dd.results {
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: bold;
    padding: 0;
    line-height: 1.2em;
}
dd.name {
    font-size: 1.2em;
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.5em
}
p.athlete_tx {
    width: 100%;
    line-height: 2em;
}



/**** PAYMENT SP ****/
section.payment_wrap {
    margin: 50px auto;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    font-size: 14px;
}

section.payment_wrap div.title_article {
    width: 100%;
    margin: 0;
    padding: 0;
}

section.payment_wrap div.title_article h2 {
    font-size: 22px;
}

dl.payment_wrap01 dt {
    padding-top: 1em;
    padding-bottom: 1em;
    float: none;
}

dl.payment_wrap01 dd {
    border-bottom: 1px solid #eee;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

dl.payment_wrap02 dt {
    padding-top: 1em;
    padding-bottom: 1em;
    float: none;
}

dl.payment_wrap02 dd {
    border-bottom: 1px solid #eee;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 1em;
    line-height: 2em;
}



/***** privacy policy sp *****/

section.privacypolicy_wrap div.title_article {
    margin: 0;
}

dl.privacypolicy_wrap01 dt {
    padding-top: 1em;
    padding-bottom: 1em;
    float: none;
}

dl.privacypolicy_wrap01 dd {
    border-bottom: 1px solid #eee;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

section.privacypolicy_wrap div.info {
    width: 100%;
    background-color: #e4e4e4;
    padding: 10px;
    margin: 10px auto;
}
/**** CONTACT SP ****/
.contact_wrap {
    padding: 10px 5px;
    width: 100%;
    margin: 50px auto;
    background-color: #fff;
}

.contact_wrap h2 {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}
.contact_wrap dt {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

dl.payment_wrap01 dt {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    float: none;
}


/*** SHOP SP ***/
.product_wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}
.product_wrap .product_item {
    width: 100%;
    margin: 0 0 70px;
}

article.cartjs_box {
    border: none !important;
}

div.cartjs_block {
    padding: 0 !important;
}

tr.cartjs_sales_price th {
    background: #fff !important;
    text-align: left !important;
    padding: 5px !important;
    width: 30% !important;
    font-weight: bold !important;
}

p.cartjs_product_price {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #000 !important;
    margin: 0;
}
tr.cartjs_product_num th{
    background: #fff !important;
    text-align: left !important;
    padding: 5px !important;
    width: 30% !important;
    font-weight: bold !important;
}
td.cartjs_quantity input{
    font-size: 16px !important;
    width: 30% !important;
    margin-right: 5px !important;
    margin: 0 !important;
}
input.cartjs_btn {
    background: none !important;
    border-radius: 3px !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 50px !important;
    letter-spacing: 1px !important;
    line-height: 48px !important;
    max-width: 250px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    width: 100% !important;
    background-color: #000 !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
}

/*** STORE SP ***/
.store_wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 0px;
}
.store_wrap .store {
    width: 100%;
    margin: 0 0 30px;
}

.store_name {
    font-size: 1.1em;
}



/**** footer ****/
.ft_widget_align {
    text-align: center;
}

}


@media (min-width: 992px) {

.col-md-offset-1 {
    margin-left: 0;
}
}

@media (min-width: 767px) {
	br.br_p {
		display: none;
	}
}