/*!
Theme Name:   Color Blog
Theme URI:    https://mysterythemes.com/wp-themes/color-blog
Author:       Mystery Themes
Author URI:   https://mysterythemes.com
Description:  Color Blog is the perfect WordPress theme entirely based on any kind of blog such as travel blogs, food blogs, personal blogs and many more. Build an amazing website with the core features and resourceful design that let you feel the awesome experience. Works perfectly with Elementor and Visual Composer that will help you create an enchanting website. It has a minimalist design, responsive and looks great on any kind of devices. Color Blog is Compatible with Gutenberg and GDPR, RTL and Translation ready, WooCommerce Compatible, SEO-Friendly and Compatible with all others popular plugins. Demos ready for download: https://demo.mysterythemes.com/color-blog-landing/ and for support: https://mysterythemes.com/support/
Version:      1.0.3
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  color-blog
Tags:         blog, portfolio, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, rtl-language-support, theme-options, translation-ready

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

Color Blog is based on Underscores https://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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #fff;
}

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

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote::before, q::before {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    left: -20px;
    top: -10px;
}

blockquote:after,
q:after{
    content: "\f10e";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    bottom: -10px;
}

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

blockquote cite {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin-top: 20px;
}

blockquote cite::before {
    content: "-";
    margin-right: 10px;
}

a:focus {
    outline: 0;
}

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

a img {
    border: 0;
}



/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #3b3b3b;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #3d3d3d;
    font-weight: 700;
}

p {
    margin-bottom: 20px;
}

b,
strong {
    font-weight: bold;
}

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

blockquote {
    margin: 0 20px;
    font-size: 20px;
    font-style: italic;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 300;
}

address {
    margin: 0 0 15px;
}

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

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

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

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

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}



/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

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

ul,
ol {
    margin: 0 0 0px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

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

figure {
    margin: 0;
}

table {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
}

th {
    font-weight: bold;
    border: 1px solid #CCC;
    padding: 5px 10px;
}

td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}



/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: middle;
}

.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
    color: #a1a1a1;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    border: none;
    padding: 14px 25px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    border: 1px solid #e1e1e1;
    background: none;
}

.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #666;
    border-color:#666;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    color: #666;
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
    -webkit-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border: 1px solid #AAA;
}

.searchform input[type="text"]:focus {
    border: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px 6px;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    color: #666;
    border: 1px solid #ccc;
    height: 160px;
    max-width: 100%;
    width: 100%;
}

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

a {
    color: #FFB300;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

a:visited {}

a:hover,
a:focus,
a:active {
    color: #FFB300;
}

a:focus{
    outline: thin dotted;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}



/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}



/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.row:before,
.row: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,
.mt-container:after,
.mt-container:before {
    content: '';
    display: table;
}

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

.clear {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget-area .widget {
    margin: 0 0 15px;
}

/* Make sure select elements fit in widgets */

.widget-area .widget select {
    max-width: 100%;
}

.footer-widgets-wrapper .mt-social-icon-wrap,
.widget-area .mt-social-icon-wrap {
    float: none;
}

.mt-social-icons-wrapper {
    overflow: auto;
}

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

.sticky {
    display: block;
}

h1.entry-title {
    color: #353535;
    font-weight: 700;
    padding-bottom: 0;
    text-transform: capitalize;
}

h1.entry-title a {
    color: #3d3d3d;
}

.hentry {
    margin: 0 0 15px;
}

.single .byline,
.group-blog .byline,
.posted-on,
.blog-author,
.blog-cat {
    display: inline;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.entry-cat a {
    font-size: 13px;
}

.posted-on a {
    position: relative;
    margin-right: 46px;
    color: #333;
}

.posted-on a::before {
    content: "";
    width: 30px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 10px;
    right: -40px;
}

.entry-cat .cat-links a,
.entry-meta a  {
    color: #333;
}

.byline a {
    color: #333;
}

.entry-cat .cat-links a:hover,
.entry-cat a:hover,
.byline a:hover,
.posted-on a:hover{
    color: #FFB300;
}

.cat-links {
    display: inline-block;
}

.comments-link {
    float: right;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.edit-link .post-edit-link {
    background: #FFB300;
    padding: 4px 10px;
    color: #FFF !important;
    line-height: 1;
    border-radius: 3px;
    font-size: 13px;
}

.edit-link .post-edit-link:before {
    content: "\f044";
    font-family: FontAwesome;
    margin-right: 5px;
}

#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry,
.blog article.hentry {
    margin-bottom: 40px;
}

.blog article.hentry:first-child {
    margin-top: 30px;
}

article.hentry .edit-link {
    display: block;
    margin-top: 20px;
}

article.hentry .entry-footer>span {
    color: #999;
    font-size: 13px;
    margin-right: 15px;
}

.page-header .page-title {
    color: #333333;
    padding-bottom: 15px;
}

.updated{
    display: none;
}

.published.updated{
    display: inline;
}

.entry-footer a {
    color: #999;
}

.entry-footer a:hover {
    color: #FFB300
}

.nav-links .meta-nav {
    display: none;
}

.nav-links::after {
    content: "";
    display: block;
    clear: both;
}

.nav-links .nav-previous,
.nav-links .nav-next {
    width: 50%;
    float: left;
}

.nav-links .nav-next {
    text-align: right;
}

.nav-links .nav-previous a:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}

.nav-links .nav-next a:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    margin-left: 5px;
}

.entry-thumbnail {
    width: 38%;
    float: left;
}

.entry-exrecpt {
    width: 60%;
    float: right;
}

.short-content {
    margin-bottom: 10px;
}

.short-content+.bttn {
    float: right;
}

.full-width {
    float: none;
    width: 100%;
}


/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
    margin-left: -2%;
}

#top-footer .gallery {
    margin-bottom: 0;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 3%;
    margin-left: 2%;
}

.site-main .gallery a img {
    max-width: none;
    width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}

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

#comments {
    margin-top: 30px;
}

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

.bypostauthor {
    display: block;
}

#comments h2.comments-title {
    color: #333;
    display: inline-block;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    margin: 15px 0;
    padding: 8px 15px;
}

#comments h3 {
    margin: 0 0 10px;
    color: #141414;
    font-weight: 600;
    display: inline-block;
    line-height: 22px;
    font-size: 18px;
}

#commentform label {
    display: inline-block;
}

textarea#comment {
    width: 100%;
    height: 150px;
}

.comment-form-cookies-consent label {
    margin-left: 14px;
}

/*Comment Lists*/

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area ol.children {
    margin: 0 0 0 15px;
}

.comment-list .comment-body {
    padding: 20px;
    margin-bottom: 20px;
    background: none;
    border: 1px solid #e1e1e1;
    text-align: left;
}

.comment-author img {
    vertical-align: text-top;
    margin-right: 15px;
    border: 1px solid #e1e1e1;
    padding: 3px;
}

.comment-author {
    float: none;
}

.comment-metadata {
    font-size: 12px;
    margin-top: -12px;
    padding-left: 50px;
}

.comment-content {
    margin-top: 10px;
    padding-left: 50px;
}

.comment-author .fn {
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.comment-author .fn .url {
    color: #333;
    padding: 0;
    font-size: 16px;
}

.comment-author .fn .url:hover {
    color: #FFB300;
}

.comment-author .says {
    display: none;
}

.commentmetadata {
    float: right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.comment-metadata a {
    color: #969696;
}

.commentmetadata .comment-edit-link {
    color: #FFB300;
}

.commentmetadata+.clear {
    margin-bottom: 20px;
}

.reply .comment-reply-link {
    background: none repeat scroll 0 0 #FFB300;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
    display: inline-block;
}

#respond {
    padding: 20px;
    margin: 20px 0 0;
    color: #141414;
    border: 1px solid #e1e1e1;
}

#commentform .form-submit {
    margin-bottom: 0;
}

#cancel-comment-reply-link {
    font-style: italic;
    color: #FFB300;
}

#cancel-comment-reply-link:before {
    font-family: FontAwesome;
    content: "\f057";
    margin: 0 5px 0 20px;
    font-style: normal;
    color: #FFB300;
}

.logged-in-as a {
    color: #FFB300;
}


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


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

.infinite-scroll .paging-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;
}

#infinite-footer {
    display: none;
}


/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

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

.wp-caption {
   border: 1px solid #ccc;
   margin-bottom: 15px;
   max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

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

.wp-caption .wp-caption-text {
    margin: 10px 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.gallery-caption {
    line-height: 3rem;
    margin-top: 1%!important;
}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 100%;
}



.site-main .gallery dd,
.site-main .gallery figcaption {
    margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}



/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
Grid CSS
--------------------------------------------------------------*/

.mt-column-wrapper {
    margin-left: -3%;
    margin-bottom: -3%;
}

.mt-column-1 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 97%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.mt-column-2 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.mt-column-3 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 30.33%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.mt-column-4 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 22%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.mt-column-5 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 17%;
    margin-left: 3%;
    margin-bottom: 3%;
}

/*--------------------------------------------------------------
Default widget css
--------------------------------------------------------------*/

.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul {
    list-style: outside none none;
    margin: 0;
}

.widget_archive li,
.widget_categories li,
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_recent_entries li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget_archive a,
.widget_categories a,
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li a,
.widget_nav_menu li a {
    color: #333333;
    font-size: 14px;
    line-height: 32px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: inline-block;
}

.widget a:hover,
.widget a:hover::before,
.widget li:hover::before {
    color: #FFB300;
}

.widget_archive a::before,
.widget_categories a::before,
.widget_recent_entries a::before,
.widget_meta a::before,
.widget_recent_comments li::before,
.widget_rss li:before,
.widget_pages li a:before,
.widget_nav_menu li a:before {
    color: #afb4bd;
    content: "\f187";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.widget_categories a::before {
    content: "\f07b";
}

.widget_recent_entries a::before {
    content: "\f101";
}

.widget_meta a::before,
.widget_nav_menu li a:before {
    content: "\f105";
}

.widget_recent_comments li::before {
    content: "\f086";
    top: 0;
}

.widget_rss li::before {
    content: "\f09e";
    top: 0;
}

.widget_pages li a:before {
    content: "\f1ea";
    top: 0;
}

.widget_search .search-field {
    width: 75%;
    float: left;
}

.widget_search .search-submit {
    height: 36px;
    width: 25%;
    background: #FFB300;
    border-color: #FFB300;
    color: #ffffff;
}

.widget_recent_entries .post-date {
    color: #8f8f8f;
    display: block;
    font-size: 11px;
    margin-top: -5px;
    padding-left: 24px;
}

.widget_nav_menu .sub-menu {
    margin: 10px 0 0 10px;
}

.widget_nav_menu li::before {
    top: 0;
}

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

.widget_search .search-field {
    width: 75%;
    float: left;
}

.widget_search .search-submit,
.widget_search .search-submit:hover {
    height: 36px;
    width: 25%;
    background: #FFB300;
    border-color: #FFB300;
    color: #ffffff;
    padding: 0;
}

/*--------------------------------------------------------------
Sidebar layout css 
--------------------------------------------------------------*/

#primary,
.home.blog #primary {
    float: left;
    width: 70%;
}

#secondary,
.home.blog #secondary {
    float: left;
    width: 27%;
}

.home.page-template-template-home #primary,
.home.page-template-template-home #secondary,
.error404 #primary {
    float: none;
    width: 100%;
}

.left-sidebar #primary,
.home.left-sidebar #primary {
    float: right;
}

.left-sidebar #secondary,
.home.left-sidebar #secondary {
    float: left;
    padding-top: 0%;
}

.no-sidebar #primary,
.home.blog.no-sidebar #primary {
    float: none;
    width: 100%;
    margin: 0 auto;
}

.no-sidebar-center #primary,
.home.blog.no-sidebar-center #primary {
    float: none;
    width: 80%;
    margin: 0 auto;
}

.no-sidebar #secondary,
.no-sidebar-center #secondary {
    display: none;
}

.home.blog #content #primary article:first-child {
    margin-top: 0;
}

.widget .author,
.widget .posted-on a::before {
    display: none;
}


/*--------------------------------------------------------------
COMMON CSS
--------------------------------------------------------------*/

body {
    font-weight: 400;
    overflow: hidden;
    position: relative;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.8;
}

.site-layout--boxed #page {
    background-color: #ffffff;
    margin: 0 auto;
    width: 1360px;
    overflow: hidden;
}

body.site-layout--boxed{
    background: #f4f4f4 none repeat scroll 0 0;
}

.author-name {
    font-size: 20px;
    text-align: center;
    font-size: 400;
    margin-top: 10px;
    margin-bottom: 4px;
}

.author-description {
    text-align: center;
}

.widget .author-social .mt-social-icon-wrap {
    float: none;
    text-align: center;
}

.site-layout--boxed .mt-container {
    padding: 0 50px;
}

#page {
    background: #fff none repeat scroll 0 0;
}

.mt-container {
    width: 1320px;
    margin: 0 auto;
}

.mt-hide {
    display: none;
}

/*--------------------------------------------------------------
Header CSS
--------------------------------------------------------------*/

#top-header {
    background: #212121;
}

.trending-wrapper {
    float: left;
}

.wrap-label {
    float: left;
    background: #333;
    padding: 6px 20px;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    font-weight: 700;
}

.wrap-label i {
    color: #ffd600;
    margin-right: 5px;
    font-size: 18px;
}

.tags-wrapper {
    float: left;
    margin: 7px 0;
}

.tags-wrapper a {
    font-weight: 700;
    color: #fff;
    margin-right: 16px;
    font-size: 13px;
}

.trending-wrapper.tag-before-icon .tags-wrapper a::before {
    content: "#";
    margin-right: 2px;
}

.top-header-nav {
    float: right;
    margin: 6px 0;
}

#top-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#top-navigation ul li {
    display: inline-block;
    margin: 0 0 0 12px;
}

#top-navigation ul ul{
    display: none;
}

#top-navigation ul li a {
    color: #fff;
    font-size: 13px;
    display: block;
    font-weight: 500;
}

#top-navigation ul li a:hover{
    color: #FFB300;
}

#masthead .widget {
    border: none;
    margin: 0;
    padding: 0;
}

.header-widget-wrapper {
    float: right;
}

.logo-ads-wrap {
    padding: 0px 0 0px;
}

.site-title {
    margin: 0;
    font-size: 36px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.5;
    font-weight: 700;
}

.site-title a{
    color: #333
}

.site-description {
    margin: 0;
    font-size: 13px;
}

.home.blog #masthead {
    margin-bottom: 20px;
}

.mt-header-social-wrapper, 
.mt-header-extra-icons {
    float: left;
    width: 30%;
    padding: 30px 0;
}

.mt-social-icon-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mt-social-icon-wrap li {
    display: inline-block;
    margin-right: 20px;
}

.mt-social-icon-wrap li a:hover{
    color: #FFB300;
}

.mt-header-extra-icons {
    display: none;
}

.mt-header-extra-icons {
    display: none;
}

.mt-logo-row-wrapper {
    background: #fff;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.is-sticky .mt-logo-row-wrapper {
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 0;
}

.site-branding {
    margin: 9px 0;
}

.mt-social-menu-wrapper {
    border-top: 1px solid #e1e1e1;
}

.is-sticky .mt-social-menu-wrapper {
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

#site-navigation {
    float: left;
    margin-right: 20px;
}

.mt-social-search-wrapper {
    float: right;
}

.mt-social-wrapper {
    float: left;
    margin: 15px 0 15px;
}

.mt-follow-title {
    font-weight: 700;
    color: #333;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
}

.mt-social-icon-wrap {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mt-social-icon-wrap li {
    display: inline-block;
    margin-right: 12px;
}

.mt-social-icon-wrap li a{
    color: #333;
}

/*--------------------------------------------------------------
Search CSS
--------------------------------------------------------------*/

.mt-menu-search {
    float: right;
}

.mt-search-icon {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0 15px 40px;
    cursor: pointer;
}

.mt-search-icon:hover{
    color: #FFB300;
}

.mt-search-icon i{
    margin-left: 5px;
}

.mt-menu-search .mt-form-wrap {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.mt-menu-search .mt-form-wrap.search-activate {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}

.mt-menu-search .mt-form-wrap .search-form {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.mt-menu-search .mt-form-wrap .search-form .search-field {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    width: 80%;
    height: 70px;
    display: block;
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    font-size: 26px;
}

.mt-menu-search .mt-form-wrap .search-form .search-submit {
    margin-top: 30px;
    padding: 16px 60px;
    background: #FFB300;
    border: none;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.mt-menu-search .mt-form-wrap .search-form .search-submit:hover{
    background: #FFB300;
    border-radius: 30px;
}

.mt-form-close {
    position: absolute;
    right: 40px;
    top: 30px;
    font-size: 64px;
    cursor: pointer;
    color: #fff;
}

.mt-form-close:hover{
    color: #FFB300;
}

/*--------------------------------------------------------------
Menu CSS
--------------------------------------------------------------*/
.main-menu-wrapper{
    position: relative;
}

.menu-toggle {
    display: none;
    text-align: center;
    color: #333;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    float: left;
}

.menu-toggle:hover{
    color: #FFB300;
}

.menu-toggle i {
    margin-right: 7px;
}

#site-navigation {
    text-align: center;
}

.is-sticky .main-menu-wrapper {
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

.is-sticky #site-navigation ul li a {
    line-height: 54px;
}

.is-sticky #site-navigation ul li a::after {
    top: 19px;
}

#site-navigation ul {
    margin: 0;
    list-style: none;
}

#site-navigation ul li {
    display: inline-block;
    position: relative;
}

#site-navigation ul li a {
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 20px;
    display: block;
    line-height: 60px;
    position: relative;
    font-weight: 700;
}

#site-navigation ul#primary-menu > li:first-child a {
    padding-left: 0;
}

#site-navigation ul#primary-menu > li:first-child ul a {
    padding-left: 30px;
}

#site-navigation ul li a::after {
    content: "";
    width: 1px;
    position: absolute;
    top: 22px;
    right: 0;
    height: 16px;
    background: #e1e1e1;
}

#site-navigation ul li:last-child a:after{
    display: none;
}

#site-navigation ul li:hover > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current_page_ancestor > a,
#site-navigation ul li.current_page_item > a{
    color: #FFB300;
}

#site-navigation ul li .sub-menu, 
#site-navigation ul li .children {
    background: #fff;
    min-width: 250px;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    z-index: 999;
}

#site-navigation ul li .sub-menu ul, 
#site-navigation ul li .children ul{
    left: 100%;
    top: 0;
} 

#site-navigation ul li.focus > .sub-menu, 
#site-navigation ul li.focus > .children,
#site-navigation ul li:hover > .sub-menu, 
#site-navigation ul li:hover > .children {
    opacity: 1;
    visibility: visible;
}

#site-navigation ul li .sub-menu li, 
#site-navigation ul li .children li {
    display: block;
    padding: 0;
}

#site-navigation ul li .sub-menu li a, 
#site-navigation ul li .children li a {
    padding: 0 30px;
    border-bottom: 1px solid #eee;
    border-right: none;
    line-height: 54px;
}

#site-navigation ul li .sub-menu li a:after, 
#site-navigation ul li .children li a:after{
    display: none;
}

.sub-toggle {
    display: none;
}

#site-navigation .menu-item-description {
    position: absolute;
    top: -15px;
    right: -20px;
    background: #FFB300;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    font-weight: 400;
}

#site-navigation .menu-item-description::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #FFB300 transparent transparent transparent;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.is-sticky #site-navigation .menu-item-description,
#site-navigation ul li .sub-menu .menu-item-description{
    display: none;
}

/*--------------------------------------------------------------
Slider CSS
--------------------------------------------------------------*/
.front-slider-wrapper {
    margin: 10px 0 40px;
}

.front-slider-block {
    float: left;
    width: 66%;
}

.full-width--slider .front-slider-block {
    float: none;
    width: 100%;
}

.slider-post-wrap {
    height: 550px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.top-featured-post-main-wrapper {
    float: right;
    width: 31.5%;
}

.post-cat, 
.post-cats-list {
    margin-bottom: 10px;
    margin-top: 10px;
}

.post-cats-list a:hover {
    color: #fff;
}

.post-info-wrap {
    z-index: 99;
    width: 100%;
    bottom: 0;
    padding: 0px;
    direction: ltr;
}

.has-thumbnail .post-info-wrap .entry-meta span a{
    color: black;
}

.no-thumbnail .post-info-wrap{
    position: inherit;
    background: none;
    padding: 0;
}

.front-slider-block .post-info-wrap  .entry-title {
    font-size: 26px;
    line-height: 1.5;
    margin-top: 5px;
}

.front-slider-block .posted-on a::before {
    content: "";
    width: 30px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 10px;
    right:-40px;
}

.has-thumbnail .post-info-wrap .entry-title a,
.front-slider-block .post-info-wrap .entry-title a {
    color: #fff;
}

.slider-post-wrap  .post-thumbnail > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-categories {
    list-style: none;
    display: block;
    margin: 0;
}

.post-categories li {
    display: inline-block;
    margin-right: 5px;
}

.post-cats-list a {
    background: #FFB300;
    font-size: 12px;
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    margin-right: 5px;
}

.has-thumbnail .post-info-wrap .entry-meta a,
.front-slider-block .post-info-wrap .entry-meta a  {
    color: #fff;
}

.has-thumbnail .post-info-wrap .entry-meta .posted-on a::before,
.front-slider-block .post-info-wrap .entry-meta .posted-on a::before {
    background: #dfdfdf;
}

.has-thumbnail .post-info-wrap .entry-meta .posted-on a::before,
.front-slider-block .post-info-wrap .entry-meta .posted-on a::before {
    background: #fff;
}

.front-slider-block .lSAction {
    position: absolute;
    right: 20px;
    top: 20px;
}

.front-slider-block .lSAction > a {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    margin: 0 2px;
    opacity: 1;
    position: static;
    text-align: center;
}

.front-slider-block .lSAction > a:hover{
    background: #FFB300;
}

.features-post-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-left: 40px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.top-featured-post-wrap .mt-single-post-wrap {
    margin-bottom: 18px;
}

.top-featured-post-wrap .mt-single-post-wrap:last-child{
    margin-bottom: 0;
}

.top-featured-post-wrap .post-thumbnail {
    float: left;
    width: 27%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.top-featured-post-wrap .mt-post-content {
    float: right;
    width: 68%;
}

.top-featured-post-wrap .entry-header {
    padding: 0;
}

.top-featured-post-wrap .entry-header .entry-title {
    font-size: 18px;
    margin: 0;
}

.top-featured-post-wrap .post-thumbnail .post-number {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: #FFB300;
    text-align: center;
}


/*--------------------------------------------------------------
Blog Layout design CSS
--------------------------------------------------------------*/
.home #content {
    margin-top: 0;
}

article {
    position: relative;
}

.entry-header {
    margin-top: 15px;
}

.entry-title {
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 1.3;
}

.single .entry-title {
    font-size: 30px;
    margin-top: 10px;
}

.single .mt-related-posts-wrapper .entry-title{
    font-size: 22px;
}

.entry-title a{
    color: #333;
}

.entry-title a:hover,
.cat-links a:hover{
    color: #FFB300;
}

.entry-meta a {
    font-size: 13px;
    font-weight: 400;
    color: #A6A6A6;
}

.entry-meta a:hover{
    color: #FFB300;
}

.entry-content {
    font-size: 18px;
    line-height: 3rem;
    margin: 0;
    color: black;
}

.entry-footer .mt-readmore-btn,
.btn-wrapper a,
.mt-readmore-btn{
    display: inline-block;
    padding: 0;
    font-size: 14px;
    color: #333;
}

.entry-footer .mt-readmore-btn i,
.btn-wrapper a i ,
.mt-readmore-btn i{
    margin-left: 5px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.entry-footer .mt-readmore-btn:hover,
.btn-wrapper a:hover,
.mt-readmore-btn:hover {
    color: #FFB300;
}

.entry-footer .mt-readmore-btn:hover i,
.btn-wrapper a:hover i,
.mt-readmore-btn:hover i{
    margin-left: 10px;
}

.entry-footer > span.tags-links {
    display: block;
    margin: 0 0 20px;
    font-weight: 500;
    color: #333 !important;
}

.entry-footer .tags-links a {
    margin: 0 3px;
    font-weight: 400;
}

article.sticky.no-thumbnail {
    border: 2px solid #e1e1e1;
    position: relative;
    padding: 20px 30px;
}

article.sticky::before {
    content: "\f08d";
    font-family: FontAwesome;
    position: absolute;
    left: 20px;
    top: 20px;
    display: block;
    width: 40px;
    height: 40px;
    background: #FFB300;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    border-radius: 100%;
    z-index: 99;
    text-align: center;
}

article .single-thumb-title-wrapper,
article .post-thumbnail {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0px;
}

.single article .entry-content {
    margin-top: 20px;
}

article .single-thumb-title-wrapper .lSAction > a {
    z-index: 9999999;
}

article .post-thumbnail img{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    min-width: 100%;
}
.single article .post-thumbnail img{
	height: 300px;
	object-fit: cover;
}

section.mt-single-related-posts article .post-thumbnail img{
	height: 150px;
	object-fit: cover;
}


@media (max-width: 640px){
	.single article .post-thumbnail img{
		height: 200px;
		object-fit: cover;
	}
	
	section.mt-single-related-posts article .post-thumbnail img{
		height: 100px;
		object-fit: cover;
	}

}


article.page .post-thumbnail::before,
.single #content article .post-thumbnail::before{
    display: none;
}

.single .no-thumbnail {
    padding-top: 0px !important;
}

.no-thumbnail {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.navigation.pagination {
    display: none;
}

.navigation.pagination .nav-links a.page-numbers {
    padding: 12px 15px;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

.navigation.pagination .nav-links .page-numbers.current, 
.navigation.pagination .nav-links a.page-numbers:hover {
    border: 1px solid #FFB300;
    padding: 12px 15px;
    vertical-align: top;
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 13px;
    color: #FFB300;
}

.archive-grid-post-wrapper,
.mt-archive--masonry-style .color-blog-content-masonry {
    margin-left: -3%;
}

.mt-archive--block-grid-style article,
.mt-archive--masonry-style #mt-masonry article  {
    display: inline-block;
    width: 47%;
    margin-left: 3%;
    margin-right: -4px;
    vertical-align: top;
    margin-top: 0!important;
}

.no-sidebar.mt-archive--block-grid-style article,
.no-sidebar.mt-archive--masonry-style #mt-masonry article{
    width: 30.33%;
}

.mt-archive--masonry-style #mt-masonry article {
    margin-right: 0;
    margin-bottom: 25px;
}

/*--------------------------------------------------------------
Sidebar CSS
--------------------------------------------------------------*/
.widget {
    padding: 1%;
}

#secondary .widget .widget-title, 
.mt-related-post-title, 
#colophon .widget .widget-title {
    margin-bottom: 15px;
    font-size: 18px;
    display: block;
    position: relative;
    padding-left: 35px;
}

#secondary .widget .widget-title::before,
.mt-related-post-title:before,
#colophon .widget .widget-title:before,
.features-post-title:before{
    position: absolute;
    left: 0;
    content: "";
    width: 25px;
    height: 3px;
    background: #FFB300;
    top: 10px;
}

.widget_tag_cloud a {
    border: 1px solid #e1e1e1;
    color: #a6a6a6;
    font-size: 13px !important;
    padding: 3px 15px;
    display: inline-block;
    margin: 5px 5px;
}

.widget_tag_cloud a:hover {
    color: #333;
    border-color: #333;
}

/*--------------------------------------------------------------
Single CSS
--------------------------------------------------------------*/

.mt-author-box {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-bottom: 60px;
    text-align: left;
}

.mt-author-box:after{
    content: "";
    display: block;
    clear: both;
}

.single .mt-author-box .mt-author__avatar {
    float: left;
    margin-right: 2%;
    width: 18%;
}

.single .mt-author-box .mt-author-info {
    float: left;
    width: 80%;
}

.single .mt-author-box .author-title {
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.single .mt-author-box .mt-author-info .mt-author-name {
    text-transform: capitalize;
    margin: 0;
    font-size: 24px;
}

.single .mt-author-box .mt-author-info .mt-author-name a{
    color: #333;
}

/*--------------------------------------------------------------
Error 404 styles
--------------------------------------------------------------*/
.error404 #primary {
    float: right;
    width: 70%;
    padding: 0px 0;
}

.error-404.not-found {
    text-align: center;
    width: 900px;
    border: 5px solid #FFB300;
    margin: 0 auto;
    padding: 30px 0 40px 0;
}

.error-num {
    font-size: 100px;
    font-weight: 900;
    color: #333;
    line-height: 150px;
}

.error-num span {
    font-size: 60px;
    text-transform: uppercase;
    margin-left: 10px;
}

.error404 .section-title {
    margin-left: 3%;
    margin-top: 40px;
}

/*--------------------------------------------------------------
Custom Header styles
--------------------------------------------------------------*/

.custom-header {
    padding: 70px 0;
    text-align: center;
    background-attachment: fixed;
    margin-bottom: 50px;
    position: relative;
    border-top:4px solid #FFB300;
}

.custom-header.has-bg-img:before{
    background: rgba(0,0,0,0.4);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.custom-header.no-bg-img {
    background: #fff1e2;
    padding: 30px 0;
}

.custom-header.has-bg-img .mt-container{
    position: relative;
    z-index: 99;
}

.custom-header .entry-title, .custom-header .page-title {
    font-size: 36px;
    color: #505050;
    margin: 0;
}

.taxonomy-description {
    color: #333;
}

.breadcrumbs .trail-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs .trail-items li {
    display: inline-block;
    margin: 0 10px;
    color: #7b7b7b;
}

.breadcrumbs .trail-items {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.breadcrumbs .trail-items li::after {
    content: "\f101";
    position: relative;
    right: -10px;
    font-size: 14px;
    font-family: FontAwesome;
}

.breadcrumbs .trail-items li:last-child:after{
    display: none;
}

#breadcrumb .mt-container {
    width: 100%;
    padding: 0;
}

/*--------------------------------------------------------------
Footer CSS
--------------------------------------------------------------*/

#colophon {
    margin-top: 70px;
    background: #545454;
}

#top-footer {
    padding: 80px 0 60px;
    color:#fff;
}

#colophon .author-name{
    color:#fff;
    margin-top:20px;
}

#top-footer .mt-footer-widget-wrapper {
    margin-left: -3%;
}

#top-footer.footer-column-one .mt-footer-widget,
#top-footer.footer-column-two .mt-footer-widget,
#top-footer.footer-column-three .mt-footer-widget,
#top-footer.footer-column-four .mt-footer-widget {
    display: inline-block;
    margin-left: 3%;
    width: 30.33%;
    margin-right: -4px;
    vertical-align: top;
    margin-bottom: 3%;
}

#top-footer.footer-column-one .mt-footer-widget {
    width: 97%;
}

#top-footer.footer-column-two .mt-footer-widget {
    width: 47%;
}

#top-footer.footer-column-four .mt-footer-widget {
    width: 22%;
}

#footer-navigation {
    float: right;
}

#footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer-menu li {
    display: inline-block;
}

#footer-menu li a {
    color: #fff;
    border-left: 1px solid #e1e1e1;
    display: block;
    padding: 0 20px;
    line-height: 14px;
}

#footer-menu li > ul{
    display: none;
}

#footer-menu li:first-child a{
    border:none;
}

#footer-menu li a:hover{
    color: #FFB300;
}

#bottom-footer {
    padding: 12px 0;
    background: #141414;
    color: #fff;
    font-size: 13px;

}

.site-info {
    font-size: 13px;
    float: left;
}

#colophon .widget .widget-title,
#top-footer a {
    color: #fff;
}

#top-footer a:hover{
    color: #FFB300;
}

#top-footer .posted-on a::before{
    background: #fff;
}

#top-footer .widget {
    border: 0px;
    margin-bottom: 20px;
}

#footer_2nd_box{
    background: #313131;
    color: white;
    padding: 3% 5% 1% 5%;
}

#footer_2nd_box p{
    margin-bottom: 0;
}



#footer_2nd_box h2{
    font-size: 175%;
    color: white;
    margin-bottom: 0;
    font-family: HG行書体;
}


/*--------------------------------------------------------------
color-blog Widget CSS
--------------------------------------------------------------*/

.color-blog_author_info .author-name {
    margin: 10px 0;
    text-transform: capitalize;
}

.author-social .mt-social-icon-wrap {
    float: none;
}

.author-social .mt-social-icon-wrap li a {
    background: #212121;
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
}

.color_blog_latest_posts .mt-single-post-wrap > a {
    float: left;
    width: 27%;
    display: block;

}

.color_blog_latest_posts .mt-post-thumb{
    border: 1px solid #e1e1e1;
    padding: 6px;
 }
 
.color_blog_latest_posts .mt-single-post-wrap {
    margin-bottom: 20px;
}

.color_blog_latest_posts .mt-single-post-wrap:last-child {
    margin: 0;
}
 
.color_blog_latest_posts .mt-single-post-wrap::after {
    clear: both;
    display: block;
    content: "";
}
 
 .color_blog_latest_posts .mt-post-content {
    float: right;
    width: 67%;
}

.color_blog_latest_posts .mt-post-title a {
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 22px;
    margin-bottom: -15px;
}

.color_blog_latest_posts .mt-post-title a:hover{
    color: #FFB300;
}

.color_blog_latest_posts .entry-cat{
    padding: 0;
}

.color_blog_latest_posts .mt-readmore-btn {
    margin: 0;
    font-size: 13px;
}

.color_blog_latest_posts .tags-links {
    display: none;
}

.color-blog_social_media {
    text-align: center;
}

.color-blog_social_media li {
    margin: 0 5px;
}

.color-blog_social_media a {
    border: 1px solid #333;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 18px !important;
    line-height: 40px;
}

.color-blog_social_media a:hover{
    background: #FFB300;
    color: #ffffff !important;
    border-color: #FFB300;
}

.mt-single-related-posts {
    margin-top: 40px;
}

.mt-related-posts-wrapper {
    margin-left: -3%;
}

.mt-related-posts-wrapper article {
    display: inline-block;
    margin-left: 3%;
    margin-right: -4px;
    width: 30.33%;
    vertical-align: top;
}

.mt-related-posts-wrapper article.no-thumbnail {
    padding: 0 10px !important;
}

/*--------------------------------------------------------------
Scroll To Top styles
--------------------------------------------------------------*/
#mt-scrollup {
    position: fixed;
    right: 40px;
    bottom: 20px;
    padding: 8px;
    margin-right: 0;
    font-size: 13px;
    line-height: 1em;
    outline: none !important;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform: rotate(-90deg) translate(100%, 0);
    -webkit-transform: rotate(-90deg) translate(100%, 0);
    transform: rotate(-90deg) translate(100%, 0);
    cursor: pointer;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 99;
}

#mt-scrollup::before {
    content: '\f178';
    position: absolute;
    top: 3px;
    right: -36px;
    width: 36px;
    padding: 3px 4px 2px 6px;
    font-size: 18px;
    font-family: 'FontAwesome';
    line-height: 1;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

#mt-scrollup:hover{
    color: #FFB300;
}

.single article .post-thumbnail:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single article.hentry .edit-link {
    margin-bottom: 20px;
}

.search .entry-footer,
.search .entry-cat,
.search .entry-title,
.search .entry-content {
    padding: 0 12px;
}

.search .entry-footer {
    margin-bottom: 10px;
}

.search article {
    box-shadow: 0px 6px 8px rgba(0,0,0,0.1);
}

.search article .post-thumbnail {
    border-radius: 0px;
}

.no-results.not-found {
    text-align: center;
}

.search-no-results #primary input, 
.search-no-results #primary input[type="text"]:focus, 
.search-no-results #primary input[type="email"]:focus, 
.search-no-results #primary input[type="url"]:focus, 
.search-no-results #primary input[type="password"]:focus, 
.search-no-results #primary input[type="search"]:focus, 
.search-no-results #primary textarea:focus {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.search-no-results #primary .search-submit {
    margin-top: 40px;
    border: 0px;
    font-size: 20px;
    color: #777;
}

.search-no-results .search-form {
    width: 80%;
    margin: 0 auto ;
}


/*********************************************ここから森谷が記述************************************************
**************************************************************************************************/
.sp_only{display: none;}
#wpadminbar{display: none;}
/******header*******/
.header_right_info p{
    font-size: 3rem;
    margin-bottom: 0;
    font-weight: bold;   
}

.header_right_info p#header_area{
    font-size: 1.5rem;
}
.header_right_info p#header_time{
    font-size: 1.5rem;
}
.header_right_info p#header_to_contact{
    font-size: 1.5rem;
}

#text-7{
    text-align: right;
}

#text-7 p#header_tel{
    transform: scale(1, 1.5);
    line-height: 2rem;
    margin-top: 7%;
    margin-bottom: 2%;
}
#text-7 p#header_tel a{
    font-size: 5rem;
    line-height: 0rem;   
}
#follow_sns{
    margin-top: 1%;
}
#follow_sns p.follow_sns_title{
    text-align: left;
    float: left;
    font-size: 2rem;
    color: #3b3b3b;
    font-weight: bold;
    padding-left: 62%;
    margin-right: 5%;
    text-shadow: 0 0 5px #fff;
}
#follow_sns p.follow_sns_body i{
    float: left;
    margin: 0% 2% 0 0;
    text-shadow: 0 0 5px #fff;
}
#follow_sns p.follow_sns_body a{
    color: #3b3b3b;
} 

#follow_sns p.follow_sns_body br{
    display: none;
}

/******left_side*******/

#text-9 .textwidget p{
    margin-bottom: 0;
}
#text-10 .textwidget p{
    margin-bottom: 0;
}

#secondary #dc_jqaccordion_widget-2 h4{
    margin-bottom: 0;
}


ul.left_side_menu_2{
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

ul.left_side_menu_2 li{
    font-weight: bold;
}

ul.left_side_menu_2 li a{ 
    font-size: 2rem;
    color: #ff8000;
    font-weight: normal;
    display: block;
}
ul.left_side_menu_2 li a:hover {
  color: #fff;
}

ul.left_side_menu_2 li a#left_side_menu_2_example::before{
    font-family: "Font Awesome 5 Free";
    content: '\f1fc';
    margin-right: 2rem;
    font-weight: 900;
}
ul.left_side_menu_2 li a#left_side_menu_2_example:hover::before{
    color: white;
}
ul.left_side_menu_2 li a#left_side_menu_2_price::before{
    font-family: "Font Awesome 5 Free";
    content: '\f5aa';
    margin-right: 2rem;
    font-weight: 900;
}
ul.left_side_menu_2 li a#left_side_menu_2_price:hover::before{
    color: white;
}
ul.left_side_menu_2 li a#left_side_menu_2_area::before{
    font-family: "Font Awesome 5 Free";
    content: '\f55d';
    margin-right: 2rem;
    font-weight: 900;
}
ul.left_side_menu_2 li a#left_side_menu_2_area:hover::before{
    color: white;
}

ul.left_side_menu_2 li{
    padding: 2% 5%;
    background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(255, 128, 0) 50%);
    background-position: 0 0;
    background-size: 200% auto;
    transition: .5s;
    margin-bottom: 1%;
    border-bottom: 1px solid gray;
    border-left: 8px solid #ff8000;
}

ul.left_side_menu_2 li:hover {
  background-position: -100% 0;
  color: #fff;
  border-left: 8px solid #d1c5c5;
}


#secondary .widget h4.widget-title{
    margin-bottom: 5px;
}


ul#menu-left_menu{
    list-style-type: none;
    margin-left: 3%;
}
ul#menu-left_menu li a{
    display: block;
    font-size: 1.6rem;
    color: #202020;
}




ul#menu-left_menu li ul.sub-menu{
    list-style-type: none;
}

ul#menu-left_menu li ul.sub-menu li a{
    font-size: 1.5rem;
    font-weight: normal;
    padding-left: 5rem;
}

ul#menu-left_menu li ul.sub-menu li ul.sub-menu li a{
    font-size: 1.5rem;
    font-weight: normal;
    padding-left: 7rem;
}
#text-2 .textwidget p{
    margin-bottom: 2%;
    line-height: 2rem;
}

#dc_jqaccordion_widget-2-item ul#menu-left_menu a:hover{
    color: #ff8000;
}

#dc_jqaccordion_widget-2 #dc_jqaccordion_widget-2-item{
    border: none;
}

#dc_jqaccordion_widget-2-item ul#menu-left_menu a.dcjq-parent.active {
    background-image: url(skins/images/minus_grey.png);
    background-color: #ff800047;
}

#dc_jqaccordion_widget-2-item ul#menu-left_menu ul.sub-menu li a.active {
    background-image: url(skins/images/minus_grey.png);
    background-color: #ff80001f;
}

#secondary img{
	width: 100%;
}

.page_bottom_contact_box_left a{
    display: block;
}
.page_bottom_contact_box_left a.page_bottom_example_link{

}
.page_bottom_contact_box_left a.page_bottom_example_link {
    display: block;
    width: 50%;
    text-align: center;
    background-color: #ff8000;
    border: 1px solid #ff8000;
    font-size: 60%;
    color: #ff8000;
    text-decoration: none;
    font-weight: bold;
    padding: 0rem 0;
    border-radius: 0;
    position: relative;
    font-weight: normal;
}

.page_bottom_contact_box_left a.page_bottom_example_link span {
  position: relative;
  z-index: 1;
}

.page_bottom_contact_box_left a.page_bottom_example_link::before,
.page_bottom_contact_box_left a.page_bottom_example_link::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.page_bottom_contact_box_left a.page_bottom_example_link::before {
  left: 0;
}
.page_bottom_contact_box_left a.page_bottom_example_link::after {
  right: 0;
}

.page_bottom_contact_box_left a.page_bottom_example_link:hover:before,
.page_bottom_contact_box_left a.page_bottom_example_link:hover:after {
  width: 0;
  background-color: #FFF;
}

.page_bottom_contact_box_left a.page_bottom_example_link:hover {
  color: #FFF;
  border-radius: 10px;
}
.page_bottom_contact_box_left a.page_bottom_example_link span:hover {
    color: white;
}
/*************************絞り込み検索**********************************/

.searchandfilter{
    padding: 1%;
    background: #efefef;
    border-radius: 5px;
}

ul li.sf-level-0{
    float: left;
    margin-right: 5%;
    width: 23%;
}

ul li.sf-level-0:last-child{
    margin-bottom: 3%;
}

ul li.sf-field-post-meta-building-type{
}

.searchandfilter ul li li {
    padding: 0px 0;
}

.searchandfilter h4 {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 16px;
}

ul li.sf-field-submit input{
    border: 1px solid gray;
    display: block;
    padding: 2% 5%;
    margin: 0;
    background: white;
    border-radius: 5px;
    color: #4c4c4c;
}

ul li.sf-field-submit input:hover{
    border: 1px solid white;
    display: block;
    padding: 2% 5%;
    margin: 0;
    background: gray;
    border-radius: 5px;
    color: white;
}
ul li.sf-field-reset a{
    border: 1px solid gray;
    display: block;
    padding: 1% 0%;
    margin: 0;
    background: #fdff91;
    border-radius: 5px;
    color: #4c4c4c;
    width: 14%;
    text-align: center;
    font-size: 1rem;
}

.searchandfilter ul li.sf-field-submit{
	clear: both;
}

.searchandfilter ul li

details summary{
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    display: inline-block;
    padding: 0.6em 2em;
    margin: 0 0 1em;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    background-color: #d09036;
}
details summary:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  transform: translateY(-0.1875em);
}

h2.title_collection_h2{
    margin-top: 2%;
    padding-left: 2rem;
    border-left: 10px solid #ff8000;
    font-size: 3rem;
    height: 6rem;
    line-height: 3rem;
}

span.h2_title_span{
    font-size: 3rem;
    color: #bdbdbd;
    display: block;
}
p.display-result-num{
    border-bottom: 1px solid gray;
    border-left: 10px solid #cecece;
    padding-left: 1rem;
}



/*************************ヘッダー**********************************/

img.custom-logo{
    width: 80%;
}

.header-widget-wrapper img{
    width: 70%;
}

#masthead .mt-logo-row-wrapper .logo-ads-wrap .mt-container{
   width: 1320px;
   margin: 0 auto;

}

.site-branding{
    padding: 1% 0%;
    background: none;
    width: 50%;
    z-index: 998;
    float: left;
}
.site-branding_right{
    padding: 1% 0%;
    background: none;
    width: 50%;
    z-index: 998;
    float: right;
    text-align: right;
}
.page-id-7 .site-branding{
}
img#main_header_back{
    width: 100%;
    object-fit: cover;
}

.top_title_area{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 999;
    background: rgba(255,255,255,0.8);
    padding: 2% 1%;
    text-align: center;
    width: 55%;
}

.top_title_area p{
    margin-bottom: 0;
    color: black;
    font-size: 1.8rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_title_area h3{
    margin-bottom: 0;
    font-size: 3rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 1%;
}

/*************************ヘッダーここまで**********************************/



.fadein {
  opacity : 0;
  transform: translateY(40px);
  transition: all 1s;
}


.why_tosoushokunin .fadein {
  opacity : 0;
  transform: translateX(200px);
  transition: all 1s;
}

.top_1st_box ul li.vertical.fadein{
    transition: all 1s;
    transform: translateY(200px);
}

.top_1st_box ul li.horizontal.fadein{
  opacity : 0;
  transform: translateX(200px);
  transition: all 1s;
}

#text-2 .textwidget img{
    margin: 2% 0 5% 0;
    padding-bottom: 9%;
    border-bottom: 1px solid gray;
}
#text-2 .textwidget img.last_img{
    border-bottom: none;
    padding-bottom: 0;

}
#vegas {
    width: 100vw;
    height: 80vh;
}

span.top_title_area_red{
	color: #b30202;
}


.top_1st_box ul li{
	list-style-type: none;
    display:inline-block;
}

.top_1st_box ul li.vertical{
	float: left;
    width: 35%;
    margin-right: 1%;
}


.top_1st_box ul li.horizontal{
	width: 64%;
    margin-left: 0%;
    margin-bottom: 2%;
}



.top_1st_box img#top_980_100:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
  transform: translateY(-5px);
  transition-duration: 0.5s;
}
.top_1st_box img#top_980_100{
    border: 1px solid #bbbbbb;
    margin-top: 1%;
}

.top_1st_box ul li img:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
  transform: translateY(-5px);
  transition-duration: 0.5s;
      -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.top_1st_box ul li img{

    border: 1px solid #bbbbbb;
}


ul.top_news_list{
    list-style-type: none;
}
ul.top_news_list li{
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 1%;
    padding-top: 2%;
}

ul.top_news_list li a{
    color: black;
    font-size: 1.8rem;
    font-weight: bold;
}
ul.post-categories li{
    padding: 0 1%;
    background: #026fde;
    
}
ul.post-categories li:first-child{
    background: #004489;
}

ul.post-categories li a{
    font-size: 1.2rem;
    color: white;
}

p.top_news_list_date{
    margin-bottom: 0;
    float: left;
    margin-right: 1%;
}

h3.why_tosoushokunin_title{
	position: relative;
  	padding-left: 1.2em;/*アイコン分のスペース*/
  	line-height: 1.4;
}

h3.why_tosoushokunin_title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f164";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff8000; /*アイコン色*/
}

p.why_tosoushokunin_disc{
	padding: 1% 3%;
	background: #e1e1e1;
	position: relative;
	width: 100%;
	font-size: 2rem;
    margin-bottom: 5%;
}

p.why_tosoushokunin_disc:after {
  position: absolute;
    content: '';
    top: -30px;
    left: 40px;
    border: 15px solid transparent;
    border-top: 15px solid #e1e1e1;
    width: 0;
    height: 0;
    transform: rotate(-180deg);
}

h2.title_collection_h2 span.four{
    color: #ff8000;
    font-size: 4rem;
    letter-spacing: -5px;
    font-weight: bold;
}

#footer_2nd_box .footer_2nd_box_1{
    width: 20%;
    float: left;
}

#footer_2nd_box .footer_2nd_box_2 ul li{
    list-style-type: none;
    float: left;
    margin-right: 2%;
    width: 23%;
}


#footer_2nd_box p.footer_2nd_box_1_tel_link a{
    font-size: 150%;
}
#footer_2nd_box .footer_2nd_box_2 ul li p{
    letter-spacing: -0.1rem;
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 4rem;
    position: relative;
    margin-bottom: 2%;
    margin-top: 5%;
    height: 50px;
    line-height: 110%;
    
}
#footer_2nd_box .footer_2nd_box_2 ul li p:before{
    position: absolute;
    left: 0;
    content: "";
    width: 25px;
    height: 3px;
    background: #FFB300;
    top: 14px;
}
#footer_2nd_box .footer_2nd_box_2{
    overflow: auto;
}
.footer_2nd_box_3{
    margin-top: 3%;
}
.footer_2nd_box_3 ul{
    text-align: center;
}
.footer_2nd_box_3 ul li{
    list-style-type: none;
    width: 20%;
    display: inline-block;
    padding: 0 2%;
}

ul.footer_company_profile{
	list-style-type: none;
	margin-bottom: 10%;
}
ul.footer_company_profile li{
	line-height: 1.6rem;
	margin-bottom: 3%;
	color: #f3f1f1;
}

ul.footer_company_profile li a{
	color: #f3f1f1;
	font-weight: normal;
}

#text-12 ul.sub-menu li a{
   font-weight: bold;
}

ul.page_bottom_link_list{
  list-style-type: none;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  margin-top: 10%;
  margin-left: 0;
}
ul.page_bottom_link_list li {
  display: table-cell;
  vertical-align: middle;
}

ul.page_bottom_link_list li a{
    background-color: #ffb300;
    border-radius: 0px 20px 0px 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 5% 27%;
    color: black;
    font-weight: bold;
}
ul.page_bottom_link_list li a:hover{
    background-color: #fdff70; /*ボタン色*/
}



/*****************コンタクトフォーム**********************************/



table.tbl-r02 tr.last td input{
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    border: 1px solid #e1e1e1;
    width: 40%;
    margin-left: 30%;
    padding: 2%;
    background: #646464;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}
table.tbl-r02 tr.last td input:hover{
    color: #595959;
        cursor: pointer;
        font-size: 14px;
        line-height: 13px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        text-shadow: none;
        border: 1px solid #a18255;
        width: 40%;
        margin-left: 30%;
        padding: 2%;
        background: #ffdfb2;
}

.tbl-r02 th {
  background: #e2b370;
  border: solid 1px #ccc;
  color: #2f2f2f;
  padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}

.su-posts .su-post{
    padding: 3%;
}
 

.contact_attention{
    background: #eeeeee;
    padding: 3%;
    margin-bottom: 3%;
    width: 100%;
    margin-left: 0%;
}
.contact_attention ul{
    margin: 3%;
}
.contact_attention ul li{
    margin-bottom: 1%;
    line-height: 2rem;
}
.contact_bottom_attention ul li{
    margin-bottom: 1%;
}
.contact_attention_text{
    font-size: 80%;
    display: block;
}




.page_bottom_contact_box{
    display: table;
    width: 100%;
    margin: 0 0 10% 0;
    padding: 2%;
    background: #fff7ef;
    border: 1px solid #f0f0f0;
}

.page_bottom_contact_box p.page_bottom_contact_box_head_text{
    display: table-caption;
    text-align: center;
    font-size: 2rem;
}

.page_bottom_contact_box_left{
    display: table-cell;
    width: 50%;
    font-size: 3rem;
    text-align: left;
    padding: 1%;
    vertical-align: middle;
    color: black;
}
.page_bottom_contact_box_left img{
    width: 70%;
}

.page_bottom_contact_box_right{
    display: table-cell;
    width: 50%;
    font-size: 3rem;
    text-align: right;
    padding: 1%;
    vertical-align: middle;
}


.page_bottom_contact_box_right a{
  color: #ff8000;
}
.page_bottom_contact_box_right a i{
	transform: rotate(110deg);
}

.page_bottom_contact_box_right p{
    margin-bottom: 0;
}

p.page_bottom_contact_box_attention{
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
}

p.page_bottom_contact_box_right_phone{
    font-size: 5rem;
    font-weight: bold;
    line-height: 1rem;
}

p.page_bottom_contact_box_right_attention{
    font-size: 2rem;
    margin-top: 2%;
}
p.page_bottom_contact_box_right_to_form{
    background: #ff8000;
    font-size: 2rem;
    text-align: center;
    margin-left: 30%;
    border-radius: 5px;
    padding: 0 5%;
    animation: fluffy1 3s ease infinite;
}
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
p.page_bottom_contact_box_right_to_form a{
    color: white;
}
p.page_bottom_contact_box_right_to_line{
    font-size: 2rem;
    margin-top: 5%;
}

/*****************プライバシーポリシー************************/

ul.privacy_policy_list{

}

ul.privacy_policy_list li{
    font-size: 2rem;
}

ul.privacy_policy_list li.pp_title{
    border-bottom: 1px solid #e4e4e4;
}
ul.privacy_policy_list li.pp_body{
    margin-bottom: 2rem;
    font-size: 1.5rem;
    list-style-type: none;
}
ul.privacy_policy_list li.pp_body ul{

}
ul.privacy_policy_list li.pp_body ul li{
    font-size: 1.5rem;
    color: #6b6b6b;
}

/*****************Yahoo!知恵袋************************/

p.yahoo_answers_head_text{
    font-size: 1.8rem;
    padding: 2%;
    background: #f3f3f3;
}
p.yahoo_answers_bottom_text{
    font-size: 1.8rem;
    padding: 2%;
}

ul.yahoo_answers_img_list{
    list-style-type: none;
    margin: 5% 0;
}
ul.yahoo_answers_img_list::after {
    content: "";
    display: block;
    clear: both;
}

ul.yahoo_answers_img_list li img{
    width: 32%;
    float: left;
    margin-right: 1%;
}
.yahoo_answers_category_box h3{
    margin-top: 20px;
}

.yahoo_answers_category_box{
    width: 100%;
    padding: 0 10px;
}
.yahoo_answers_category_box span{
    background: #eaeaea;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 80%;
}
.yahoo_answers_category_box ul{
    list-style: none;   
    margin: 0;
    padding: 0;
}
.yahoo_answers_category_box ul li{}
.yahoo_answers_category_box ul li a{
    color: black;
}

.yahoo_answers_category_box i{
    color: gold;
    font-size: 90%;
}

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

ul.yahoo_answers_category_menu li{
    float: left;
    width: 18%;
    text-align: center;
    background: orange;
    margin: 1%;
    border-radius: 3px;
    border: 1px solid orange;
}

ul.yahoo_answers_category_menu li a{
    color: white;
    display: block;
    font-weight: bold;
}
ul.yahoo_answers_category_menu li: hover{
    background: white;
}
ul.yahoo_answers_category_menu li a:hover{
    color: #ff8000;
    background: white;
}


#yahoo_answers_toryou::before,
#yahoo_answers_mitsumori::before,
#yahoo_answers_keiyaku::before,
#yahoo_answers_shikaku::before,
#yahoo_answers_gyoukai::before,
#yahoo_answers_gyousyaerabi::before,
#yahoo_answers_gijutsu::before,
#yahoo_answers_kigyou::before,
#yahoo_answers_kakaku::before,
#yahoo_answers_yanekouji::before,
#yahoo_answers_amamori::before,
#yahoo_answers_toraburu::before,
#yahoo_answers_diy::before,
#yahoo_answers_sonota::before{
    display: block;
    height: 7rem;
    margin-top: -7rem;
    content: "";
}





a.yahoo_answers_bottom_link img{
    border: 1px solid gray;
    padding: 2%;
    width: 50%;
    margin-left: 25%;
    box-shadow: 2px 4px 3px -3px #000000;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}
a.yahoo_answers_bottom_link img:hover{
    box-shadow: none;
}

.yahoo_answers_bottom_link{
    width: 100%;
    display: table;
}


.yahoo_answers_bottom_link a{
    display: table-cell;
}
 
.yahoo_answers_bottom_link a img{
    padding: 5%;
}
.yahoo_answers_bottom_link a img:hover{
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    transform: translateY(-5px);
    transition-duration: 0.5s;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

ul.yahoo_answers_category_menu{
    background: rgba(255,255,255,0.9);
    position: fixed;
    bottom: 0%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 1% 2%;
    z-index: 9999999;
}
.yahoo_answers_category_menu.js_hide{
    transform: translateY(100%);
}

/*==================================================================================================
LINE風フキダシ
===================================================================================================*/
/*フレームとフォント*/
.kaiwa.line {
    width: 100%;
    padding: 10px 0;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Helvetica Neue", "Lucida Sans Unicode", "Arial";
    font-size: 110%;
    color: #333;
    line-height: 140%;
    overflow: hidden;
}
/*フキダシ共通*/
.kaiwa.line .fukidasi {
    position: relative;
    display: inline-block;
    max-width: 70%;
    margin: 8px 0 0;
    padding: 9px 14px;
    border-radius: 19px;
    overflow-wrap: break-word;
    clear: both;
    box-sizing: content-box;/*はてな用*/
}
/*フキダシ左*/
.kaiwa.line .fukidasi.left {
    float: left;
    margin-left: 15%;
    background: #f3f3f3;
}
/*グループのときのフキダシ*/
.kaiwa.line .name + .fukidasi.left {
    margin-top: 5px;
}
/*フキダシ右*/
.kaiwa.line .fukidasi.right {
    float: right;
    margin-right: 12px;
    background: #cdffcc;
    margin-bottom: 1%;
}
/*相手の名前*/
.kaiwa.line .name {
    clear: right;
    margin-left: 62px;
    color: white;
}
/*ユーザアイコン*/
.kaiwa.line .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -100px;
    top: -15px;
    border-radius: 20px;
}
/*グループのときのユーザアイコン*/
.kaiwa.line .name + .left .icon {
    top: -1.8em;
}
/*しっぽ共通*/
.kaiwa.line .fukidasi::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 36px;
    top: -10px;
}
/*しっぽ左*/
.kaiwa.line .fukidasi.left:after {
    left: -10px;
    border-radius: 18px 0 6px 18px/18px 0 1px 18px;
    box-shadow: -3px -15px 0 -5px #f3f3f3 inset;
}
/*しっぽ右*/
.kaiwa.line .fukidasi.right::after {
    right: -10px;
    border-radius: 0 18px 18px 6px/0 18px 18px 1px;
    box-shadow: inset 3px -15px 0 -5px #cdffcc;
}
/*フキダシが続いてしっぽがないとき*/
.kaiwa.line .left + .left::after,
.kaiwa.line .right + .right::after {
    content: none;
}

h2.oshiete_title{
    border-left: 10px solid orange;
    padding-left: 2%;
}
h3.oshiete_2nd_title{
    border-bottom: 1px solid orange;
}
img.oshiete_img{
    width: 100%;
}

ul#menu-oshiete{
    margin: 0;
}
ul#menu-oshiete li{
    list-style-type: none;
}
ul#menu-oshiete li a{
    color: white;
    transition: all .5s;
    background: #ff8000;
    display: inline-block;
    text-align: center;
    padding: 1% 3%;
    border: 1px solid #ff8000;
    float: left;
    margin-right: 1%;
    position: relative;
}
ul#menu-oshiete li a:hover{
    color: #ff8000;
    background: none;
    display: inline-block;
}
ul#menu-oshiete li a:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    position: absolute;
    right: 3%;
    transition: all .5s;
}
ul#menu-oshiete li a:hover::after{
    right: -3%;
}

ul#menu-oshiete li.current-menu-item a{
    background: #ffcc99;
}


p.oshiete_bottom_text{
    font-size: 125%;
    border: 1px solid #e7e7e7;
    padding: 3%;
}
ul.oshiete_top_list{
    margin-left: 0;
    list-style-type: none;
    margin-bottom: 3%;
}
ul.oshiete_top_list:after{
    content:"";
    display: block;
    clear: both;
}
ul.oshiete_top_list li{
    width: 32.3%;
    float: left;
    text-align: center;
    border: 1px solid #d1d1d1;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 320px;
}
ul.oshiete_top_list li img{
    height: 280px;
    width: 100%;
    object-fit: contain;
}
ul.oshiete_top_list li a:hover{
    opacity: .8;
}
ul.oshiete_top_list li .title a{
    display: block;
    font-weight: bold;
}
.q_and_a{
    display: table;
    width: 100%;
}
.q_and_a a{
    display: table-cell;
}
.q_and_a a img{
    padding: 5%;
    margin: 1%;
    border: 1px solid #d1d1d1;
}

.withyokohama_youtube_area{
    display: table;
    width: 100%;
    vertical-align: middle;
    margin-top: 50px;
}
.withyokohama_youtube_area .youtube_area_box{
    display: table-cell;
    padding: 1%;
}
.withyokohama_youtube_area .youtube_area_box iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

@media (max-width: 640px){
    .q_and_a {
        display: block;
    }
    .q_and_a a {
        display: block;
    }
    .q_and_a a img {
        padding: 5%;
        margin: 1% 0%;
    }
    ul.oshiete_top_list li {
        width: 48%;
        float: left;
        text-align: center;
        border: 1px solid #d1d1d1;
        margin-right: 1%;
        margin-bottom: 1%;
        height: 250px;
        margin-left: 1%;
    }
    ul.oshiete_top_list li img {
        height: 200px;
    }
    ul#menu-oshiete {
        margin: 0;
        overflow: auto;
        height: auto;
        margin-bottom: 10%;
    }
    ul#menu-oshiete li a {
        padding: 1% 5%;
        margin-bottom: 1%;
        font-size: 90%;
    }
    .kaiwa.line .icon {
        position: absolute;
        width: 40px;
        height: 40px;
        left: -50px;
        top: -5px;
        border-radius: 20px;
    }

}


@media (max-width: 640px){
    .yahoo_answers_category_box h3{
    }
    
    .yahoo_answers_category_box{
        width: 100%;
        padding: 0 10px;
    }
    .yahoo_answers_category_box span{
        background: #eaeaea;
        padding: 0 5px;
        margin-right: 10px;
        font-size: 80%;
    }
    .yahoo_answers_category_box ul{
        list-style: none;   
        margin: 0;
        padding: 0;
    }
    .yahoo_answers_category_box ul li{
        margin-bottom: 15px;
    }
    .yahoo_answers_category_box ul li a{
        color: black;
    }
    
    .yahoo_answers_category_box i{
        color: gold;
        font-size: 90%;
    }
    .yahoo_answers_menu_box{
    }
    ul.yahoo_answers_category_menu{
        background: rgba(255,255,255,0.9);
        position: fixed;
        bottom: 12%;
        padding-bottom: 20px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 10;
    }
    .yahoo_answers_category_menu.js_hide{
        transform: translateY(100%);
    }



    ul.yahoo_answers_category_menu li{
        width: 23%;
    }
    
    ul.yahoo_answers_category_menu li a{
        color: white;
        display: block;
        font-weight: bold;
    }
    ul.yahoo_answers_category_menu li: hover{
        background: white;
    }
    ul.yahoo_answers_category_menu li a:hover{
        color: #ff8000;
        background: white;
    }
    
    
    #yahoo_answers_toryou::before,
    #yahoo_answers_mitsumori::before,
    #yahoo_answers_keiyaku::before,
    #yahoo_answers_shikaku::before,
    #yahoo_answers_gyoukai::before,
    #yahoo_answers_gyousyaerabi::before,
    #yahoo_answers_gijutsu::before,
    #yahoo_answers_kigyou::before,
    #yahoo_answers_kakaku::before,
    #yahoo_answers_yanekouji::before,
    #yahoo_answers_amamori::before,
    #yahoo_answers_toraburu::before,
    #yahoo_answers_diy::before,
    #yahoo_answers_sonota::before{
        display: block;
        height: 7rem;
        margin-top: -7rem;
        content: "";
    }
}

/*****************ガイドブック************************/
.arrow_left_box{
    position: relative;
    width: 80%;
    padding: 10px;
    text-align: center;
    border: 2px solid #000000;
    font-size: 2.5rem;
    font-weight: bold;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.arrow_left_box:after,.arrow_left_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:13%;
}
.arrow_left_box:before{
    border-color: rgba(0, 0, 0, 0);
    border-top-width:10px;
    border-bottom-width:12px;
    border-left-width:7px;
    border-right-width:7px;
    margin-left: -7px;
    margin-bottom: 2px;
    border-bottom-color:#000000;
}
.arrow_left_box:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:5px;
    border-right-width:5px;
    margin-left: -5px;
    border-bottom-color:#FFFFFF;
}



.arrow_right_box{
    position: relative;
    width: 80%;
    padding: 10px;
    text-align: center;
    border: 2px solid #000000;
    font-size: 2.5rem;
    font-weight: bold;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    margin-left: 20%;
}
.arrow_right_box:after,.arrow_right_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:85%;
}
.arrow_right_box:before{
    border-color: rgba(0, 0, 0, 0);
    border-top-width:10px;
    border-bottom-width:12px;
    border-left-width:7px;
    border-right-width:7px;
    margin-left: -7px;
    margin-bottom: 2px;
    border-bottom-color:#000000;
}
.arrow_right_box:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:5px;
    border-right-width:5px;
    margin-left: -5px;
    border-bottom-color:#FFFFFF;
}


.guidebook_header_img_box img{
    margin-bottom: 1%;
}
.guidebook_text_left{
    font-size: 2rem;

}
.guidebook_text_left img{
    width: 30%;
    float: left;
    margin: 0 3% 3% 0;
}

.guidebook_text_right{
    font-size: 2rem;
}
.guidebook_text_right img{
    width: 45%;
    float: right;
    margin: 0 0 3% 3%;
}

.menu-item p{
	display: none;
}


ul.sub-menu li:last-child{
	margin-bottom: 10%;
}

/*****************求人募集********************/
table.recruit_table_inner tr th{
    background: #e2e2e2;
    font-weight: bold;
    border: 1px solid #CCC;
    padding: 5px 10px;
    width: 20%;
}


table.entry_form tr td.title{
    text-align: center;
    background: #8e5300;
    color: white;
    font-size: 2rem;
}


table.entry_form th{
    background: #e2b370;
    border: solid 1px #ccc;
    color: #2f2f2f;
    padding: 10px;
    width: 20%;
    vertical-align: middle;
}

p.recruit_head_text{
    background: #f1f1f1;
    width: 100%;
    margin-left: 0%;
    padding: 3%;
    font-size: 2rem;
    color: black;
    font-weight: normal;
    text-align: center;
}



/*****************ボタン系********************/

a.button_type_a{
    display: block;
    font-size: 2.5rem;
    width: 80%;
    margin: 5% 10%;
    background: #f47a00;
    clear: both;
    padding: 1% 5%;
    text-align: center;
    color: black;
    font-weight: bold;
}

a.button_type_a:hover{
    display: block;
    font-size: 2.5rem;
    width: 80%;
    margin: 5% 10%;
    background: #793d00;
    clear: both;
    padding: 1% 5%;
    text-align: center;
    color: white;
    font-weight: bold;
    border-radius: 10px;
}


p.to_repeat_link a{
    text-align: center;
    margin: 5% 0;
    display: block;
    background: #868686;
    width: 50%;
    margin-left: 25%;
    padding: 1% 0;
    font-size: 3rem;
    color: white;
    box-shadow:0px 0px 15px -3px #000000;
    border: 1px solid white;
}
p.to_repeat_link a:hover{
    box-shadow: none;
    border: 1px solid black;
    color: black;
    background: #eaeaea;
}








.page_bottom_example ul.all_example li.all_example_list{
    width: 48%;
    list-style-type: none;
    float: left;
    margin-right: 2%;
    position: relative;
    min-height: 380px;
    margin-bottom: 2%;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.page_bottom_example p.all_example_list_title{
    color: black;
    text-align: left;
    margin-top: 4%;
    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 0;
    padding: 0% 1% 3% 3%;
    font-weight: bold;
}

.page_bottom_example p.all_example_list_title a{
    color: black;
}

.page_bottom_example p.all_example_list_comment{
    padding: 3%;
    font-size: 1.4rem;
}
.page_bottom_example p.all_example_list_comment a{
    color: #292929;
}

.page_bottom_example details summary{
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    color: #5f5f5f;
    display: inline-block;
    padding: 0.6em 2em;
    margin: 0 0 1em;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    background: none;
}
.page_bottom_example details summary:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  transform: translateY(-0.1875em);
}
.page_bottom_example ul.all_example{
    margin-top: 2%;
    margin-left: 0;
}


.page_bottom_example ul.construction-type_list{
    margin-left: 0;
    position: absolute;
    top: 1%;
    left: 1%;
    width: 50%;
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.page_bottom_example ul.construction-type_list li{
    list-style-type: none;
    width: 32%;
    margin: 0% 1% 1% 0;
    float: left;
    font-size: 1.2rem;
    color: white;
}
.page_bottom_example ul.construction-type_list li.icon-gaihekitosou{
    background: #ff7272;
    text-align: center;
}
.page_bottom_example ul.construction-type_list li.icon-bousuikouji{
    background: #71a277;
    text-align: center;
}
.page_bottom_example ul.construction-type_list li.icon-yanekouji{
    background: #2689d0;
    text-align: center;
}
.page_bottom_example ul.construction-type_list li.icon-daikukouji{
    background: #c7ca00;
    text-align: center;
}
.page_bottom_example ul.construction-type_list li.icon-gaibutosou{
    background: #a0865f;
    text-align: center;
}
.page_bottom_example ul.construction-type_list li.icon-yanetosou{
    background: #868686;
    text-align: center;
}
.page_bottom_example ul.construction-type_list li.icon-sonota{
    background: #444444;
    text-align: center;
}

.page_bottom_example .scale-box img{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    min-width: 100%;
}

.page_bottom_example .scale-box:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.page_bottom_example .scale-box a{
    position: relative;
    display: block;
    overflow: hidden;
}

.page_bottom_example .scale-box a:hover{
    border-radius: 0;
}

.page_bottom_example img.customer-type_icon{
    position: absolute;
    top: 0;
    right: 3%;
    width: 14%;
    height: auto;
}

.page_bottom_example h2.search_content_title{
    text-align: left;
    margin-top: 4%;
    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 0;
    padding: 0% 1% 3% 3%;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    border-bottom: 1px solid gray;
}


.page_bottom_example p.search_results_value{
    text-align: right;
}

.page_bottom_example span.search_results_syntax{
    font-weight: bold;
    font-size: 1.8rem;
}

.page_bottom_example ul.all_example li.all_example_list {
    width: 31%;
    margin-right: 10px;
    }

.page_bottom_example ul.construction-type_list {
    margin-left: 0;
    position: absolute;
    top: 1%;
    left: 1%;
    width: 80%;
    opacity: 1;
    transition: all 0.3s ease 0s;
}

p.bottom_youtube_text{
    border-bottom: solid 3px skyblue;
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-indent: 0rem;
    padding-bottom: 1%;
}

p.bottom_youtube_text:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

a.middle_contact_box{
    display: block;
    width: 50%;
    padding: 2% 5%;
    margin: 10% 25%;
    background: #ff8000;
    text-align: center;
    font-size: 3rem;
    color: white;
}
a.middle_contact_box:hover {
    display: block;
    width: 50%;
    padding: 2% 5%;
    margin: 10% 25%;
    background: #ffcf9e;
    text-align: center;
    font-size: 3rem;
    color: black;
    border-radius: 10px;
    border: 1px solid gray;
}
/***************************************
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: url(./sample.png) no-repeat center center/cover;
}
****************************************/
video {
    z-index: 1;
    width:100vw; 
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.overlay {
  display: none;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 70%, rgba(0,0,0,.7) 90%);
  background-size: 4px 4px;
  z-index: 2;
}

.logo-ads-wrap{
	position: relative;
}

#header_top_logo{
	position: absolute;
	top: 0;
	z-index: 999;
}
#header_bg{
	height: 200px;
}
.page-id-7 #header_bg{
	height: 180px;
	top: 0;
	z-index: 100;
	width: 100vw;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background: rgba(255,255,255,0.4);
	display: block;
}

.header_right_info img{
	    width: 45%;
	    margin-right: 3%;
}

h2.all_blog_post_title{
    border-bottom: solid 3px skyblue;
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-indent: 1rem;
}

h2.all_blog_post_title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffc778;
    bottom: -3px;
    width: 30%;
}


ul.blog_list{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 2%;
}
ul.blog_list li{
    float: left;
    width: 49%;
    padding: 1%;
    margin-bottom: 2%;
    border: 1px solid gray;
}

ul.blog_list li::after {
  content: "";
  display: block;
  clear: both;
}

ul.blog_list li img{
    width: 100%;
}

ul.blog_list li:nth-child(odd){
    margin-right: 1%;
}
ul.blog_list li:nth-child(even){
    margin-left: 1%;
}

ul.all_blog{
    margin: 0 0 3% 0;
    list-style-type: none;
}
ul.all_blog li{
    width: 24%;
    float: left;
    margin-bottom: 2%;
    position: relative;
    margin-right: 1%;
    overflow: hidden;
}


ul.all_blog::after {
  content: "";
  display: block;
  clear: both;
}


ul.all_blog li p.all_blog_list_date{
    position: absolute;
    top: 3%;
    left: auto;
    background: rgba(255,255,255,0.9);
    padding: 0 2%;
    color: black;
    font-size: 1.2rem;
    font-weight: bold;
    z-index: 5;
}

ul.all_blog li p.all_blog_list_author{
    position: absolute;
    top: 3%;
    right: 2%;
    background: rgba(255,255,255,0.9);
    padding: 0 2%;
    color: black;
    font-size: 1.2rem;
    font-weight: bold;
    z-index: 5;
}
ul.all_blog li h3{
    position: absolute;
    bottom: 0;
    left: auto;
    background: rgba(255,255,255,0.8);
    font-size: 1.7rem;
    margin-bottom: 0;
    padding: 1%;
    width: 100%;
    text-align: left;
    display: block;
    opacity: 1;
    z-index: 5;
}

ul.all_blog li img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition-duration:0.3s;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px;
}
ul.all_blog li img:hover{
    transform: scale3d(1.5,1.5,1);
    border-radius: 0px;
}
.blog_page_navi a.page-numbers{
    font-size: 2rem;
    width: 30px;
    background: #ff8000;
    display: block;
    text-align: center;
    float: left;
    margin-right: 1%;
    color: white;
}

.blog_page_navi span.current{
    font-size: 2rem;
    width: 30px;
    background: gray;
    display: block;
    text-align: center;
    float: left;
    margin-right: 1%;
    color: white;
}

.blog_page_navi span.dots{
    font-size: 2rem;
    width: 30px;
    background: none;
    display: block;
    text-align: center;
    float: left;
    margin-right: 1%;
    color: black;
}


.blog_page_navi{
    margin-bottom: 5%;
    overflow: auto;
}

.blog_page_navi{
    padding: 2.5% 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.blog_page_navi > *{
  min-width: 8%;
  flex-basis: 25%;
  background: #fff;
  font-size: 64px;
  text-align: center;
}

/***************イベント写真ページ*******************/
.event_photo_page_text{
    font-size: 2rem;
}
#event_photo_page ul.event_photo_list{
    list-style-type: none;
    margin: 0 0 1% 0;
    padding: 2%;
    background: #e6e6e6;
    overflow: auto;
}
#event_photo_page ul.event_photo_list h3{
    border-bottom: 1px solid #b7b7b7;
    text-align: center;
    font-size: 3rem;
    padding-bottom: 1%;
    color: #484848;
    margin-bottom: 4%;
}
#event_photo_page ul.event_photo_list li{
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 3%;
}

#event_photo_page ul.event_photo_list li a{
    font-weight: bold;
    color: #615345;
    line-height: 2rem;
    display: inline-block;
}

#event_photo_page ul.event_photo_list li a:hover{
    -webkit-animation: zoom .3s;
    animation: zoom .3s;
    color: #ff0000;
}
@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.05);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}

.gallery_area{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

.gallery_bottom_link_area{
    display: table;
    width: 100%%;
}

.gallery_bottom_link{
    display: table-cell;
    width: 50%;
    padding: 1%;
    vertical-align: middle;
}

.gallery_bottom_link iframe{
    width: 100%;
    min-height: 200px;
}


#pc_right_call{
    position: fixed;
    bottom: 0%;
    width: 100vw;
    background: rgb(255 255 255 / 80%);
    border-top: 1px solid gray;
    z-index: 9999999;
    box-shadow: 0px -1px 20px #b8b8b8;
}

#pc_right_call .pc_bottom_info_outer{
    max-width: 1000px;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    padding: 0 2%;
    width: 100%;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner{
    display: table-cell;
    vertical-align: middle;
    padding: 0.5%;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner img{
    width: 90%;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner.pc_bottom_info_inner_center a{
    color: black;
    font-size: 300%;
    font-weight: bold;
    letter-spacing: -.5rem;
    line-height: 100%;
    transition: all .5s;
}

#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner.pc_bottom_info_inner_center a:hover{
    letter-spacing: -.4rem;
}

#pc_right_call .pc_bottom_info_inner.pc_bottom_info_inner_center{
    padding-left: 0%;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner p{
    margin: 0;
    color: black;
    font-weight: bold;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner p.pc_bottom_info_inner_center{
    background: red;
    width: 30%;
    text-align: center;
    color: white;
    font-weight: normal;
}


#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner p.pc_bottom_info_inner_center_bottom{
    line-height: 50%;
}


#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right a{
    display: block;
    width: 100%;
    margin-left: 0%;
    background: gray;
    border: 1px solid white;
    border-radius: 5px;
    padding: 1%;
    transition: all .5s;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right a:hover{
    background: #ff8000;
    border: 1px solid #474747;
    border-radius: 0;
}


#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right .pc_bottom_info_inner_right_inner{
    width: 80%;
    margin-left: 20%;
    position: relative;
}

#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right .pc_bottom_info_inner_right_inner:before{
    content: "\f044";
    font-family: FontAwesome;
    position: absolute;
    left: -20%;
    color: white;
    font-size: 250%;
}


#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right p{
    text-align: center;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right p.pc_bottom_info_inner_right_right_time{
    background: white;
}
#pc_right_call .pc_bottom_info_outer .pc_bottom_info_inner_right p.pc_bottom_info_inner_right_right_toform{
    text-align: center;
    font-size: 150%;
    color: white;
    font-weight: normal
}
.page-id-51 #pc_right_call{
	display: none!important;
}


@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwafuwa {
  animation: 3s fuwafuwa infinite;
}



















#primary .category_header{
    margin-bottom: 5%;
}
#primary .category_header img{
    width: 100%;
}
.entry-content h2{
	border-bottom: 2px solid #ff8000;
    padding-bottom: 1%;
}
.entry-content h3{
	border-bottom: 2px solid #ff8000;
    padding-bottom: 1%;
}
.entry-content h4{
	border-left: 5px solid #ff8000;
	padding-left: 1rem;
}
#primary section.not-found input.search-field{
    border: 1px solid #d4d4d4;

}


.fa-twitter-square:before{
    color: #55acee;
}
.fa-youtube-square:before {
    color: red;
}
.fa-facebook-square:before {
    color: #3b5998;
}
span.cb-cat-273{
    display: none;
}


section#text-12{
	background: #ffead6;
    padding-top: 5%;
}


.profile_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.profile_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #4c4c4c;
    background: #656565;
    color: white;
}


.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
    font-size: 2rem;
}

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

.mt-author-bio{
	font-size: 1.8rem;
}
.post_link_area{
    padding: 2rem;
    background: #f1f1f1;
    margin-bottom: 5%;
}
.post_link_area p{

}
.post_link_area a{
    background: #828282;
    text-align: center;
    padding: 1rem 5rem;
    font-weight: bold;
    color: white;
}


ul.side_bar_slider img{
    border: 1px solid lightgray;
}

ul.side_bar_slider .slick-slide{
    margin-right: 3px;
}

.section-corona-title{
    text-align: center;
}
.section-corona-title h3{
    font-family: 'Quattrocento', serif;
    font-size: 1.5rem;
    border-bottom: 0;
    padding-bottom: 0;
    color: #ff8000;
    margin-bottom: 0rem;
}
.section-corona-title h2{
    font-family: 'Quattrocento', serif;
}

ul.novel_corona_list{
    margin: 5%;
    margin-bottom: 10%;
}

ul.novel_corona_list li{
    margin-bottom: 3%;
    line-height: 3rem;
}

ul.novel_corona_list li span{
    color: red;
    font-weight: bold;
}
ul.novel_corona_image_list{
    list-style-type: none;
    margin: 0;
}
ul.novel_corona_image_list::after {
    content: "";
    display: block;
    clear: both;
}

ul.novel_corona_image_list li{
    float: left;
    width: 25%;
    padding: 1%;
}

ul.novel_corona_image_list li img{

}
p.top_attention_text{
    margin: 5% 0;
    padding: 2% 3%;
    color: black;
    border: 1px solid red;
    text-align: center;
}


#top_corona_link{
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid red;
    margin: 3% 0;
    padding: 1%;
    color: red;
}
#top_corona_link span{
    font-size: 70%;
}
#top_corona_link:hover{
    border: 1px solid white;
    color: white;
    background: red;
}

.pt-cv-colsys .pt-cv-content-item {
    flex: none;
    max-width: initial;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 1%;
    margin-bottom: 3%;
}

p.awaseteyomitai-fb{
	border-left: 15px double #3b5998;
    padding-left: 1rem;
    font-size: 2rem;
    font-weight: bold;
}

p.awaseteyomitai-blog{
	border-left: 15px double #ff8000;
    padding-left: 1rem;
    font-size: 2rem;
    font-weight: bold;
}
p.awaseteyomitai-yt{
	border-left: 15px double #f00;
    padding-left: 1rem;
    font-size: 2rem;
    font-weight: bold;
}

.page_list_text_box h2{
    border-bottom: 1px solid #cdcdcd;
    font-weight: normal;
}
.arrow_btn {
    display: inline-block;
    position: relative;
    width: 48%;
    text-decoration: none;
    color: #1b1b1b;
    border-radius: 10px;
    border: 1px solid #ca6500;
    transition: transform ease .3s;
    margin: 0% 1% 1% 0;
    padding: 1rem;
    text-align: center;
    font-size: 2rem;
    background: #ffead6;
}
.arrow_btn:hover {
     cursor: pointer;
     text-decoration: none;
}
.arrow_btn span {
    display: inline-block;
    text-decoration: none;  
    transition: transform ease .3s;
    margin-left: 1rem;
}
.arrow_btn:hover span{
    cursor: pointer;
    text-decoration: none;
    transform: translateX(10px);
}

.post_time{
    margin-right: 10px;
}
.entry-meta i{
    margin-right: 3px;
}


/*********************令和４年度 前期一級塗装技能士試験****************************/
.test_table{
    margin-bottom: 50px;
}
.test_table.fee{
    margin-bottom: 0px;
}
.test_table th{
    width: 20%;
    vertical-align: middle;
    background: #f9f9f9;
}
.test_table td{
    width: 80%;
    vertical-align: middle;
}
.test_table ul.test_table_list_child{
    list-style-type: revert;
}
.test_table p{
    margin-bottom: 0;
}
.test_table h3{
    border-bottom: none;
    margin-bottom: auto;
    padding-bottom: 0;
    font-size: 110%;
}
.test_table.fee tr td{
    padding: 0;
}
.fee ul{
    list-style-type: none;
}
.fee ul li{
    margin-bottom: 3px;
}
.fee ul li.title{
    width: 20%;
    float: left;
}
.fee ul li.body{
    width: 80%;
    margin-left: 20%;
}
.fee ul li.body: after{
    content: "";
    clear: both;
    display: block;
}

.test_table_child{
    margin-bottom: 0;
}
.test_table_child th,.test_table_child td{
    border: none;
}
.test_table_child tr{
    border-bottom: 1px dotted #e7e7e7;
}
.test_table_child tr.last{
    border-bottom: none;
}
.test_table.fee .test_table_child tr.last{
    border-bottom: 1px dotted #e7e7e7;
}
.test_table_child th{
    background: none;
    font-weight: normal;
}
.test_table.fee tr td td{
    padding-left: 20px;
}

.test_table.fee tr.last p{
    padding: 15px 10px;
    font-size: 80%;
    line-height: 110%;
}

.description_box{
    margin-top: 50px;
}
.fee_box ul{
    margin-top: 10px;
}
.fee_box ul li{
    font-size: 90%;
}

.description_box ol{
    margin: 0;
    border: 1px solid gray;
    padding: 40px 80px
}
.description_box ol li{
    font-size: 125%;
    margin-bottom: 25px;
}
.description_box ol li:last-child{
    margin-bottom: 0;
}


.blog_category_link a{
    color: #ff8000;
    background: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #ff8000;
    position: relative;
    margin: 3% 0;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all .5s ease-in-out;
    text-align: center;
    width: 80%;
    padding: 2% 0;
    margin-left: 10%;
}
.blog_category_link a:before, .blog_category_link a:after{
    content:'';
    display:block;
    position:absolute;
    border-color:#ff8000;
    box-sizing:border-box;
    border-style:solid;
    width:1em;
    height:1em;
    transition:all .5s ease-in-out
}
.blog_category_link a:before{
    top:-6px;
    left:-6px;
    border-width:2px 0 0 2px;
    z-index:5;
}
.blog_category_link a:after{
    bottom:-6px;
    right:-6px;
    border-width:0 2px 2px 0;
}
.blog_category_link a:hover:before,
.blog_category_link a:hover:after{
  width:calc(100% + 12px);
  height:calc(100% + 12px);
  border-color:#ab5600;
}
.blog_category_link a:hover{
    color: white;
    background-color: #ab5600;
    border-color: #ab5600;
}

.paint_type_box .characteristic_1st_box p{
    font-size: 100%;
}