/*
Theme Name: OLTANA-006 Child
Version: 1.0.0
Template: oltana-006
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/
body:not(.home) .ol-header.ol-header__tracking {
	position :absolute !important;
}
.ol-firstview__title-maincopy1, .ol-firstview__title-subcopy {
	color:#fff;
}
.single p, .page:not(.home) p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.top-copy {
	font-size:1.65em;
}
.sns_ol-price__nav,#tver .ol-voice__list-item-footer {
	display:none;
}
@media (min-width: 641px) {
    .ol-firstview__text-size-pc-5 .ol-firstview__title-subcopy {
		font-size:18px;
	}
	.sp-on {
		display:none;
	}
}
@media (max-width: 640px) {
    .ol-firstview__text-size-pc-5 .ol-firstview__title-subcopy {
		font-size:16px;
	}
	#tver .top-copy {
		font-size: 6.5vw;
	}
	.pc-on {
		display:none;
	}
}
@media (min-width: 1080px) {
.ol-price__nav-item {
    width: 300px;
}
}
@media (max-width: 1079px) {
    .ol-price__nav-item {
        width: 100% !important;
    }
}
#oltanaPostTitle {
	margin-top:100px;
}
.ol-breadcrumb__list {
	display:none;
}
.ol-access__body {
	margin-bottom:100px;
}
body:not(.home) .ol-header.ol-header__tracking {
	position: fixed !important;
}

.ol-product__image-wrapper .web-how {
    aspect-ratio: auto !important;
    object-fit: cover;
}
@media (min-width: 841px) {
#web-how .ol-product__content, #web-how .ol-product__image-wrapper {
    flex-basis: 50% !important;
}
}
/*お問合せ*/
.contact__form tbody {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
@media screen and (min-width: 768px) {
    .contact__form tr {
    flex-direction: row;
    }
	.contact__form th {
    width: 35%;
    }
	.contact__form td {
    width: 65%;
    }
	.contact__form td.submit input {
        margin: 0;
    }
	.contact__form td.submit {
        margin-left: auto;
    }
	.contact__form tr.area {
        align-items: flex-start;
    }
	.contact__form textarea {
        height: 190px;
    }
}
.contact__form tr {
    row-gap: 15px;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.contact__form th {
    -moz-column-gap: 15px;
    column-gap: 15px;
}
.flex-row {
    display: flex;
    align-items: center;
}
.contact__form label {
    font-weight: 700;
}
.contact__form th span {
    font-size: 14px;
    display: flex;
    width: 45px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background-color: #d01b1b;
    color: #fff;
}
.contact__form td {
    position: relative;
    row-gap: 15px;
}
.contact__form input {
    display: flex;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    width: 100%;
    font-size: 16px;
}
.contact__form input[type=submit] {
    color: #00a464;
    font-weight: 500;
    display: flex;
    width: 164px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background: none;
    border: 1px solid #00a464;
    margin: 0 auto;
}
.contact__form textarea {
    font-size: 16px;
    width: 100%;
    height: 245px;
    padding: 10px 20px;
    border: 1px solid #d9d9d9;
}
.contact__form {
	margin-top:60px;
}
/*お問合せ*/