/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

#site-header #site-logo #site-logo-inner,
#site-header.vertical-header #site-logo,
body.error404 #site-header.vertical-header #site-logo,
.jet-parallax-section__layout,
#site-header.vertical-header .vertical-toggle,
body.default-collapse #site-header.vertical-header .vertical-toggle{
	display: none;
}
#site-header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    max-width: 100%;
    height: 100%;
    border-bottom: none;
    z-index: 3000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#site-header #site-header-inner {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}
#site-header.vertical-header #site-header-inner {
	padding: 0;
}
#site-header-inner {
    position: absolute;
}
.scroll-down.elementor-widget.elementor-widget-jet-animated-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

#footer-bottom.no-footer-nav #copyright {
    line-height: 1.5;
}
.productSpec tr th, .productSpec tr td, .tbl, .tbl tr th, .tbl tr td {
    border: 1px solid #999999;
}
table.productSpec th, table.tbl th {
    background: #eee;
    text-align: center;
}
body.error404.vertical-header-style.default-collapse.right-header #site-header.vertical-header,
body.vertical-header-style.default-collapse.right-header #site-header.vertical-header {
	right: 0;
}
body.error404.default-collapse #site-header.vertical-header #site-navigation-wrap,
body.default-collapse #site-header.vertical-header #site-navigation-wrap {
	padding-right: 0;
}
body.error404 #site-header.vertical-header,#site-header.vertical-header {
	width: 100px;
}
body.error404.vertical-header-style.default-collapse.right-header #outer-wrap,
body.vertical-header-style.default-collapse.right-header #outer-wrap {
	margin-right: 0;
}
.content-area {
	border-style: none;
}
.searchform .header-search-visible-label {
	display: none;
}
#footer-widgets {
	margin-top: 10rem;
}
/*コンタクトフォーム編集260717　A ここから*/
.contact-f-sec .elementor-container {
	width: 80%;
}
.contact-f-sec .contact-f .jet-form-builder__label {
	margin-bottom: .5rem;
}
.contact-f-sec .contact-f .jet-form-builder__required {
	color: #ff0202;
}
.contact-f-sec .contact-f .jet-form-builder__field-wrap {
	margin-bottom: 2rem;
	background: #EDF1F5;
}
.contact-f-sec .contact-f select.jet-form-builder__field,
.contact-f-sec .contact-f select.jet-form-builder__field option {
	color: rgb(74, 74, 74);
}
.contact-f-sec .contact-f .jet-form-builder__field::placeholder,
.contact-f-sec .contact-f select.jet-form-builder__field:invalid {
	color: #afafaf;
}
.contact-f-sec .contact-f .jet-form-builder__field {
	padding: 10px;
	border: none;
	height: 6vh;
}
.contact-f-sec .contact-f .jet-form-builder__submit-wrap {
	justify-content: center;
}
.contact-f-sec .contact-f .jet-form-builder__action-button {
	background-color: transparent;
    background-image: linear-gradient(260deg, #1DD4ACBD 20%, #1A2EA2BA 100%);
	padding: 10px 5rem;
    border-radius: 3px;
}
.jet-form-builder-row .jet-form-builder__label {
    order: 1;
}
.contact-f-sec .contact-f .jet-form-builder-row.field-has-error .jet-form-builder__label {
	margin-bottom: 0;
}
.contact-f-sec .contact-f .jet-form-builder-row.field-has-error .error-message {
    order: 2;
    font-size: .9em;
	margin-bottom: .5rem;
}
.jet-form-builder-row .jet-form-builder__field-wrap {
    order: 3;
}
/*コンタクトフォームタグ260729　A ここから*/
.floating-contact-tag {
    position: fixed;
	right: 100px;
    bottom: 15%;
    z-index: 999;
	display: flex;
}
.floating-contact-tag__link {
    width: 100%;
	display: flex;
    justify-content: flex-end;
}
.floating-contact-tag__link img {
    width: 80%;
    max-width: 80%;
}
body.has-online-purchase-tag .floating-contact-tag {
    bottom: 25vh;
}
/*コンタクトフォームタグ260729　A ここまで*/
/*コンタクトフォーム編集260717　A ここまで*/
@media (max-width: 1024px) {
	.floating-contact-tag__link img {
		width: 70%;
	}
}
@media only screen and (min-width: 768px) {
    body {
        margin-right: 100px;
    }
	.contact-f-sec .contact-f .jet-form-builder-row.field-has-error .error-message {
		font-size: .75em;
	}
	body.has-online-purchase-tag .floating-contact-tag {
		bottom: 28vh;
	}
}
@media screen and (max-width: 767px) {
    #site-header {
        width: 100%;
        height: 62px;
        top: 0;
        background-color: #000 !important;
    }
	.admin-bar .jet-hamburger-panel__instance {
		top: 0!important;
	}
}

@media screen and (max-width: 400px) {
	body.has-online-purchase-tag .floating-contact-tag {
		bottom: 30vh;
	}
    .floating-contact-tag {
		right: 0;
	}
	.floating-contact-tag__link img {
		width: 60%;
	}
}