@charset "utf-8";

/* ======================================
Products index
====================================== */
/* Feature Icon Common */
.products-feature-icon {
    margin: 0 auto;
    max-width: 88px;
}
.products-feature-icon svg {
    display: block;
    width: 100%;
    margin: 0 auto;
    fill: #50555A;
}

/* 製品シリーズページの特徴アイコン */
@media screen and (max-width : 767px) {
    .products-features-list {
        margin: 5rem auto 0;
    }
    .products-features-list__item {
        display: flex;
        align-items: center;
        margin: 2rem 0 0;
    }
    .products-features-list__item .products-feature-icon {
        flex: 0 0 auto;
        width: 50px;
        height: 50px;
        margin: 0;
    }
    .products-features-list__item .products-feature-icon svg {
        width: 100%;
        fill: #50555A;
    }
    .products-features-list__item .products-feature-txt {
        margin: 0 0 0 2rem;
        text-align: left;
        line-height: 1.3;
    }
}
@media screen and (min-width : 768px) {
    .products-features-list {
        display: flex;
        justify-content: center;
        margin: 8rem auto 0;
        padding: 0 2rem;
    }
    .products-features-list__item {
        flex: 0 1 25%;
        padding: 0 2rem;
    }
    .products-features-list__item .products-feature-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto;
    }
    .products-features-list__item .products-feature-icon svg {
        width: 100%;
        height: auto;
        fill: #50555A;
    }
    .products-features-list__item .products-feature-txt {
        display: block;
        margin: 2rem auto 0;
        font-size: 1.6rem;
   }
}

/* 製品トップページ シリーズの特徴アイコン */
.products-index-series .products-index-features-list {
    display: flex;
    justify-content: center;
    margin: 2rem 0 0;
}
.products-index-series .products-feature-icon {
    flex: 0 1 20%;
    max-width: 60px;
    margin: 0 1rem;
}
@media screen and (min-width : 768px) {
    .products-index-series .products-index-features-list {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        margin: 2rem 0 0;
    }
    .products-index-series .products-feature-icon {
        flex: 0 1 auto;
        display: block;
        width: auto;
        text-align: center;
        margin: 0 1rem;
        width: 44px;
        height: 44px;
   }

}

/* products-index-message
---------------------------------------*/
.products-index-message {
    padding: 0 0 5rem;
    /* padding: 0 0 10rem;
    background: url(/europe/assets/images/products/products_index_main.jpg) no-repeat bottom center;
    background-size: 100%; */
}
@media screen and (min-width : 768px) {
    .products-index-message {
        padding: 0 0 8rem;
        /* padding: 0 0 40%;
        background-size: 100%; */
    }
}

/* 製品トップページはじめの特徴アイコン */
.products-index-message .products-index-features-list {
    display: block;
    margin: 3rem 0 0;
}
.products-index-message .products-index-features-list__item {
    margin: 2rem auto 0;
    flex: 0 1 20%;
}
.products-index-message .products-index-features-list .products-feature-icon {
    display: flex;
    align-items: center;
    width: 88px;
}
.products-index-message .products-index-features-list .products-feature-txt {
    display: block;
    margin: 1rem 0 0;
}
@media screen and (min-width : 768px) {
    .products-index-message .products-index-features-list {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        margin: 4rem auto 0;
        max-width: 1100px;
    }
    .products-index-message .products-index-features-list__item {
        margin: 2rem 2rem 0;
    }
    .products-index-message .products-index-features-list .products-feature-icon {
        display: block;
        width: auto;
        text-align: center;
        margin: 0 auto;
    }
    .products-index-message .products-index-features-list .products-feature-icon svg {
        width: 56px;
        height: 56px;
    }
    .products-index-message .products-index-features-list .products-feature-txt {
        margin: 1rem 0 0;
        font-size: 1.6rem;
    }
}

/* products-index-series
---------------------------------------*/
.products-index-series {
    margin: 6rem 0 0;
}
.products-index-series__list__item {
    text-align: center;
    margin-top: 4rem;
}
.products-index-series__list__item a {
    color: #50555A;
}
.products-index-series__list__item .txt {
    margin: 1.8rem 0 0;
    font-size: 2.0rem;
}
.products-index-series .products-features-list {
    margin: 2.5rem 0 0;
}

@media screen and (min-width : 768px) {
    .products-index-series {
        margin: 10rem 0 0;
        font-size: 2.4rem;
    }
    .products-index-series__list {
        justify-content: center;
        gap: 4rem;
    }
    .products-index-series__list__item {
        width: calc(92% / 4);
        margin-top: 2rem;
    }
    .products-index-series__list__item .txt {
        margin: 2.3rem 0 0;
        min-height: 70px;
    }
    .products-index-series__list__item .ttl {
        font-size: 2.4rem;
    }
    .products-index-series .products-features-list {
        margin: 3rem 0 0;
    }
}

/* products-index-design__img
---------------------------------------*/
.products-index-design {
    margin: 8rem 0 0;
}
.products-index-design__lead {
    margin: 3rem 0 4.5rem;
    text-align: center;
    line-height: 1.8;
    font-size: 2.0rem;
}
@media screen and (min-width : 768px) {
    .products-index-design__img {
        margin-top: -6rem;
    }
    .products-index-design__img img {
        width: 100%;
    }
    .products-index-design {
        margin: 16rem 0 0;
    }
    .products-index-design__lead {
        margin: 3rem 0;
        font-size: 2.8rem;
    }
}

/* products-index-dl
---------------------------------------*/
.products-index-dl__txt {
    text-align: center;
    font-size: 2.0rem;
    margin: 2.8rem 0 2rem;
}
@media screen and (min-width : 768px) {
    .products-index-dl__txt {
        font-size: 2.6rem;
        margin: 4rem 0 3rem;
        line-height: 1.35;
    }
}

/* Series
---------------------------------------*/
/* Series Common */
.series-catchcopy {
    margin: 1.5rem 0 5rem;
    font-size: 2.0rem;
    margin-bottom: 2rem;
    font-weight: 300;
}
@media screen and (min-width : 768px) {
    .series-catchcopy {
        margin: 0 0 5rem;
        font-size: 2.8rem;
        line-height: 1.8;
    }
}
.series-outline {
    position: relative;
    width: 100%;
    margin: 0 auto 4rem;
    background-size: 100%;
}
.series-outline_img img {
    width: 100%;
}
.series-outline__spec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 3rem;
    color: #fff;
    text-align: left;
    background: rgba(0,0,0,.5);
}
.series-outline__spec__item {
    display: block;
    width: 100%;
}
.series-outline__spec__item + .series-outline__spec__item {
    margin: 1rem 0 0;
}
.series-outline__spec__item .ttl {
    position: relative;
}
.series-outline__spec__item .ttl::after {
    content: ':';
    display: inline-block;
}

@media screen and (min-width : 768px) {
    .series-outline {
        max-height: 600px;
        margin: 0 auto 4rem;
    }
    .series-outline__spec {
        position: absolute;
        padding: 3.5rem 5rem;
        bottom: 0;
        left: 0;
        font-size: 1.6rem;
    }
    .series-outline__spec__item {
        display: table;
        width: 100%;
    }
    .series-outline__spec__item + .series-outline__spec__item {
        margin: 0;
    }
    .series-outline__spec__item .ttl {
        position: relative;
        display: table-cell;
        width: 17%;
    }
    .series-outline__spec__item .ttl::after {
        content: ':';
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 1rem;
    }
    .series-outline__spec__item .desc {
        display: table-cell;
        width: 86%;
    }
}

/* series-projects */
.series-projects {
    padding: 5rem 0;
    background: #EDEEEE;
}
.series-projects__list__item {
    margin-top: 0;
    margin-bottom: 2rem;
}
@media screen and (min-width : 768px) {
    .series-projects {
        padding: 10rem 0;
    }
    .series-projects__list {
        margin-top: 7rem;
        margin-right: -1.8%;
    }
    .series-projects__list__item {
        width: 31.5%;
        max-width: 380px;
        max-height: 253px;
        overflow: hidden;
        margin: 0 1.8% 2.2rem 0;
    }
}

/* series-features */
.series-features-blk {
    padding: 5rem 0 0;
}
*[class*="series-feature-"] {
    padding: 2rem 0 0;
}

@media screen and (min-width : 768px) {
    .series-features-blk {
        padding: 9rem 0 3rem;
    }
    *[class*="series-feature-"] {
        padding: 2.5rem 0 0;
    }
    .series-feature__ttl {
        font-size: 3.2rem;
    }
    .series-feature__ttl .products-feature .txt {
        margin: 4rem 0;
    }
    .series-feature__img img {
        width: 100%;
    }
}

/* series-feature-alga__exp */
.series-feature-alga__exp {
    margin: 2rem 0 0;
}
.series-feature-alga__exp__item .ttl {
    font-weight: 300;
    color: #50555A;
    text-align: center;
}
.series-feature-alga__exp__item .desc {
    margin: 1.5rem 0 0;
    text-align: center;
}
@media screen and (min-width : 768px) {
    .series-feature-alga__exp__item .ttl {
        font-size: 2.4rem;
    }
    .series-feature-alga__exp__item .desc {
        margin: 2rem 0 0;
    }
    .series-feature-alga__exp__item:first-of-type .desc {
        margin-bottom: 6.4rem;
    }
    .series-feature-alga__exp__item .img img {
        width: auto;
        margin: 0 auto;
    }
}

/* series-base-materials */
.series-base-materials {
    margin: 4rem 0 0;
    padding: 3rem 2rem;
    background: #F5F6F7;
}
.series-base-materials__img {
    position: relative;
    font-size: 0;
}
@media screen and (min-width : 768px) {
    .series-base-materials {
        margin: 10rem auto 0;
        max-width: 1200px;
        padding: 8rem 4rem 9rem;
        background: #F5F6F7;
    }
}

/* series-feature-freezing */
.series-feature-freezing {
    margin-top: 6rem;
}
@media screen and (min-width : 768px) {
    .series-feature-freezing {
        margin-top: 8rem;
    }
}

.series-feature-freezing__exp {
    margin: 2rem 0 0;
}
.series-feature-freezing__exp .ttl {
    margin: 0 0 1.5rem;
    font-weight: 300;
    color: #50555A;
    text-align: center;
}
.series-feature-freezing__exp__item .desc {
    margin: 1.5rem 0 0;
    text-align: center;
}
@media screen and (min-width : 768px) {
    .series-feature-freezing__exp {
        margin: 6rem 0 0;
        padding: 0 4rem;
    }
    .series-feature-freezing__exp .two-columns {
        justify-content: center;
    }
    .series-feature-freezing__exp__item {
        width: auto;
        margin: 0 2rem;
        padding: 0;
    }
    .series-feature-freezing__exp__item img {
        width: auto;
    }
    .series-feature-freezing__exp__item:first-of-type .img {
        margin-top: 3.3rem;
    }
    .series-feature-freezing__exp .ttl {
        margin: 0 0 2rem;
        font-size: 2.4rem;
    }
    .series-feature-freezing__exp__item .desc {
        margin: 2rem 0 0;
    }
}

/* series-lineup */
.series-lineup {
    margin: 7rem 0 0;
}
.series-lineup__list {
    margin: 3rem 0 0;
}
.series-lineup__img {
    margin: 4rem 0 0;
}

@media screen and (min-width : 768px) {
    .series-lineup {
        margin: 11rem 0 11rem;
    }
    .series-lineup__list {
        display: flex;
        margin: 8rem 0 0;
    }
    .series-lineup__img {
        margin: 7rem 0 7rem;
    }
    .series-lineup__img img {
        width: 100%;
    }
}

/* series-feature-video */
.series-feature-video {
    width: 100%;
}
.series-feature-video video {
    width: 100%;
}
@media screen and (min-width : 768px) {
    .series-feature-video {
        width: 580px;
        height: 380px;
        margin: 0 auto;
        padding: 0;
    }
}

/* Legerair
---------------------------------------*/
.legerair_video {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.legerair_video a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #000000;
}
.legerair_video img {
    width: 60%;
}
.modalContentBlock video {
    width: 100%;
}
@media screen and (min-width : 768px) {
    .legerair_video {
        width: 80px;
        height: 80px;
    }
}

/* Ceradir V
---------------------------------------*/
@media screen and (min-width : 768px) {
    .ceradirv .page-head--simple {
        padding-bottom: 7rem;
    }
}

/* slider */
#ceradirv-slider .slide .slide-blk {
    -webkit-transition: 10s;
    transition: 10s ease-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
#ceradirv-slider .slide.moving .slide-blk {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* #ceradirv-slider .slider img {
  transform-origin: center top;
  transform: scale(1.1);
  transition: 5s ease-out;
}
#ceradirv-slider .slider .slick-active img {
  transform: scale(1.0);
}
 */

/* ceradirv-parallax */
.ceradirv-parallax__video {
    margin: 8rem auto 0;
    padding: 20% 0 0;
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.ceradirv-parallax__video video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.ceradirv-parallax__inner {
    padding-top: 5rem;
}
@media screen and (min-width : 768px) {
    .ceradirv-parallax__video {
        margin: 15rem 0 0;
        height: 800px;
    }
    .ceradirv-parallax__inner {
        padding-top: 10rem;
    }
}


/* ceradirv-fire-blk */
.products-tech-info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2rem auto 0;
}
.products-tech-info-list__item {
    width: 48%;
    margin: 1.5rem 0 1.5rem;
}
.products-tech-info-list__img {
    height: 210px;
    background: #EDEEEE;
}
.products-tech-info-list__img img {
    width: auto;
    max-height: 150px;
    box-shadow: 3px 3px 6px rgba(0,0,0,.4);
}
.products-tech-info-list__ttl {
    margin: 1.4rem 0 0;
    color: #50555A;
    line-height: 1.4;
    padding: 0 1rem;
    word-break: break-word;
}
.products-tech-info-list__desc {
    margin: 1rem 0 0;
    line-height: 1.4;
    padding: 0 2rem;
    font-size: 1.4rem;
}
.products-tech-info-list__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 3rem;
    width: 100%;
    height: 100%;
}
.products-tech-info-list__item.pdf a::after, .products-tech-info-list__item.modal a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: .5rem;
    right: .5rem;
}
.products-tech-info-list__item.pdf a::after {
    width: 23px;
    height: 28px;
    background: url(/europe/assets/svg/icon_pdf.svg) no-repeat 0 0;
}
.products-tech-info-list__item.modal a::after {
    width: 28px;
    height: 29px;
    background: url(/europe/assets/svg/icon_zoom.svg) no-repeat 0 0;
}
@media screen and (min-width : 768px) {
    .products-tech-info-list {
        justify-content: center;
        margin: 6rem auto 0;
    }
    .products-tech-info-list__item {
        margin: 0 2rem;
    }
    .products-tech-info-list__item a {
        padding: 4rem;
    }
    .products-tech-info-list__item.pdf a::after, .products-tech-info-list__item.modal a::after {
        bottom: 1.5rem;
        right: 1.5rem;
    }
    .products-tech-info-list__item a {
        position: relative;
        z-index: 0;
    }
    .products-tech-info-list__item a img {
        position: relative;
        z-index: 0;
        transition: .4s ease;
    }
    .products-tech-info-list__item a:hover {
        box-shadow: 3px 3px 6px rgba(0,0,0,.6);
    }
    .products-tech-info-list__item a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.6);
        opacity: 0;
        z-index: -1;
        transition: opacity .4s ease, z-index .4s ease;
    }
    .products-tech-info-list__item a:hover:before {
        opacity: 1;
        z-index: 90;
        transition: opacity .4s ease, z-index .4s ease;
    }
}

/* Hydro
---------------------------------------*/


/* Photocatalyst
---------------------------------------*/
.photocatalyst .page-head--bg {
    background: url(/europe/assets/images/products/photocatalyst/photocatalyst_main.jpg) no-repeat bottom center;
}
.photocatalyst-features-list {
    margin : 4rem 0 0;
}
.photocatalyst-features__item__ttl {
    margin-top: 5rem;
    font-size: 1.8rem;
    text-align: center;
}
.photocatalyst-features__item__img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    min-height: 320px;
    margin: 2rem auto;
    padding: 2rem;
    border-radius: 50%;
    background: #F0F6F9;
}
.photocatalyst-features__item__img .fig {
    text-align: center;
}
.photocatalyst-features__item__img .fig img {
    max-width: 230px;
}
.photocatalyst-features__item__img .caption {
    padding: 1rem 2rem 0;
    line-height: 1.4;
}
.photocatalyst-exp {
    margin: 5rem auto 0;
}
.photocatalyst-images {
    margin: 4rem auto 0;
}
@media screen and (min-width : 768px) {
    .photocatalyst-features__item__ttl {
        margin-top: 4rem;
        font-size: 2.2rem;
    }
    .photocatalyst-features__item__img {
        width: 340px;
        height: 340px;
        margin: 4rem auto 0;
    }
    .photocatalyst-exp {
        margin: 5rem auto;
        max-width: 620px;
    }
    .photocatalyst-images {
        display: flex;
        flex-wrap: wrap;
        margin: 7rem auto 7rem;
    }
    .photocatalyst-images img {
        width: 50%;
    }
}

/* Lineup
---------------------------------------*/
/* 絞り込みのチェックボックス */
input, textarea {
    outline: 0;
    border: none;
}
input[type=checkbox], input[type=radio] {
    /* display: none; */
    display: block;
    width: 1px;
    height: 1px;
    opacity: 0;
    border-radius: 0;
    -webkit-appearance: none;
}
label {
    display: inline-block;
    position: relative;
    margin: 0 1.5rem .4rem 0;
    padding: 0 0 0 3.5rem;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: .2rem;
    left: 0;
    width: 22px;
    height: 21px;
    margin: 0 1rem 0 0;
    vertical-align: middle;
    border: solid 1px #AEB0B1;
    background: #fff;
}
input[type="checkbox"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    width: 12px;
    height: 6px;
    margin-top: -21px;
    border-left: 2px solid #006994;
    border-bottom: 2px solid #006994;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width : 767px) {
    input[type=checkbox] + label {
        display: block;
    }
}
@media screen and (min-width : 768px) {
    input[type=checkbox] + label::before {
        top: .4rem;
    }
}

.linup-filter-blk01 {
    padding: 2rem 0 0;
}
@media screen and (min-width : 768px) {
    .linup-filter-blk01 {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
}

.material .linup-filter__list {
    display: flex;
    flex-wrap: wrap;
}
.material .linup-filter__list__item {
    position: relative;
    margin: .5rem 2.0rem .5rem 0;
    padding: 0 .2rem;
    font-size: 1.8rem;
    color: #064d79;
}
.material .linup-filter__list__item:last-of-type {
    margin-right: 0;
}
.material .linup-filter__list a:hover {
    text-decoration: none;
}
@media screen and (min-width : 768px) {
    .material {
        flex: 1 0 auto;
        margin-right: 2%;
    }
    .material .linup-filter__list__item {
        margin: 0 5% 0 0;
        font-size: 2.5rem;
        line-height: 2;
    }
}

/* 現在の項目に下線 */
.material .linup-filter__list .is-current, .material .linup-filter__list .is-current a {
    position: relative;
    color: #50555A;
}
.material .linup-filter__list__item::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: #50555A;
    transition: .2s ease-out;
}
.material .linup-filter__list .is-current::before {
    left: 0;
    width: 100%;
}
.material .linup-filter__list__item:hover:before {
    left: 0;
    width: 100%;
    background: #064d79;
}


.linup-filter-blk02 {
    margin: 2.5rem 0 0;
    padding: 1.5rem 0 2rem;
    background: #E5E6E6;
}
.linup-filter__ttl {
    margin: 2rem 0 .5rem;
}
@media screen and (min-width : 768px) {
    .linup-filter-blk02 {
        padding: 1.5rem 0 1rem;
    }
    .linup-filter__ttl {
        margin: 0;
    }
}

.series .linup-filter__list, .thickness .linup-filter__list {
    display: flex;
    flex-wrap: wrap;
}
.series .linup-filter__list__item, .thickness .linup-filter__list__item {
    margin: .5rem 2rem .5rem 0;
}

@media screen and (min-width : 768px) {
    .series, .thickness {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 2rem 0;
    }
    .series .linup-filter__list, .thickness .linup-filter__list {
        margin: 0 0 0 7rem;
    }
    .series .linup-filter__list__item, .thickness .linup-filter__list__item {
        margin: 0rem 4rem 0rem 0;
    }
}

/* lineup-index */
.lineup-index {
    background: #E5E6E6;
    border-top: solid 1px #AEB0B1;
}

.lineup-index__inner {
    padding: 0 2rem 7rem;
}
@media screen and (min-width : 768px) {
    .lineup-index__inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem 7rem;
    }
}
@media screen and (min-width: 1200px) {
    .lineup-index__inner {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 0 12rem;
    }
}

.lineup-index__list {
    padding: 3rem 0 0;
}
.lineup-index__list__item {
    margin: 0 0 4rem;
}
.lineup-index__list__item .ttl {
    margin: 1.7rem 0 .5rem;
}
.lineup-index__list__item .txt > span {
    display: block;
    line-height: 1.5;
}

@media screen and (min-width : 768px) {
    .lineup-index__list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 4rem 0 0;
        margin-right: -2.2%!important;
    }
    .lineup-index__list__item {
        width: calc(91% / 4);
        max-width: 280px;
        margin: 1.5rem 2.1% 3rem 0;
    }
    .lineup-index__list__item .ttl {
        margin: 1.2rem 0 0;
        font-size: 2.4rem;
    }
}

@media screen and (min-width : 1200px) {
    .lineup-index__list__item {
        width: calc(100% / 4);
    }
}

/* Search
---------------------------------------*/
.product-number-search-box {
    position: relative;
    margin: 2rem auto 0;
    border-bottom: solid 1px #AEB0B1;
}
.product-number-search__txt {
    width: 100%;
    padding: 1.2rem 4rem 1.2rem .2rem;
    font-size: 1.8rem;
}
.product-number-search__btn {
    position: absolute;
    bottom: .8rem;
    right: 0;
    width: 30px;
    height: 30px;
    background: none;
    cursor: pointer;
}
.product-number-search__btn svg {
    width: 100%;
    fill: #191B1D;
    transition: .4s ease;
}
::placeholder {
    color: #AEB0B1;
}

@media screen and (min-width : 768px) {
    .product-number-search {
        margin-left: auto;
        width: 258px;
    }
    .product-number-search-box {
        margin: 0;
        height: 100%;
    }
    .product-number-search__txt {
        padding: 1.6rem 4rem 1.3rem .2rem;
    }
    .product-number-search__btn svg {
        fill: #AEB0B1;
    }
    .product-number-search__btn {
        bottom: 1rem;
        width: 36px;
        height: 36px;
    }
    .product-number-search__txt:focus + .product-number-search__btn svg {
        fill: #006994;
    }
}

.lineup .contact-blk {
    margin-top: 0!important;
}
span.no-result {
    display: block;
    margin: 50px auto 0;
    text-align: center;
    font-size: 1.5em;
}

/* Error */
.input-error {
    font-size: 1.2rem;
    margin-top: 10px;
    color: #E3513D;
}

/* Lienup Detail
---------------------------------------*/
@media screen and (min-width : 768px) {
    .lineup-detail__main img {
        width: 100%;
        max-width: inherit;
    }
}
@media screen and (max-width : 767px) {
    .lineup-detail__main {
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
    }
    .lineup-detail__main img {
        position: absolute;
        top: 0;
        left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
        height: 100%;
        width: auto;
        max-width: inherit;
    }
}

.lineup-detail__spec {
    margin: 3rem auto;
}

.lineup-detail__project {
    position: relative;
    margin: 5rem auto;
    padding: 5rem 0 12rem;
}
.lineup-detail__project::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -50vw;
    width: 200vw;
    height: 1px;
    background: #AEB0B1;
}
.lineup-detail__project__list__item {
    margin: 1rem 0;
}
@media screen and (min-width : 768px) {
    .lineup-detail__project {
        margin: 6rem auto;
    }
    .lineup-detail__project__list {
        display: flex;
        justify-content: center;
    }
    .lineup-detail__project__list__item {
        margin: 2rem 0;
        width: 380px;
    }
    .lineup-detail__project__list__item + .lineup-detail__project__list__item {
        margin-left: 4%;
    }
}

.lineup-detail__colors {
    margin: 5rem 0 0;
}
.lineup-detail__colors__list .tmb {
    font-size: 0;
}


@media screen and (max-width : 767px) {
    .lineup-detail__colors__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .lineup-detail__colors__list__item {
        width: 48%;
        margin: 1.5rem 0 0;
    }
    .lineup-detail__colors__list__item .ttl {
        margin: .5rem 0 0;
    }
}

@media screen and (min-width : 768px) {
    .lineup-detail__colors {
        margin: 11rem 0 0;
    }
    .lineup-detail__colors__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        margin: 5rem auto 0;
    }
    .lineup-detail__colors__list__item {
        width: 140px;
    }
    .lineup-detail__colors__list__item img {
        width: 100%;
    }
    .lineup-detail__colors__list__item + .lineup-detail__colors__list__item {
        margin-left: 2%;
    }
    .lineup-detail__colors__list__item .ttl {
        margin: 1.5rem 0 0;
    }
}

/* back btn */
.lineup-detail__colors__back {
    margin: 4rem 0 3rem;
    text-align: center;
    color: #006994;
}
.lineup-detail__colors__back a {
    display: inline-block;
    position: relative;
    padding: 2rem 1rem 0 45px;
    line-height: 1;
}
.lineup-detail__colors__back a::before, .lineup-detail__colors__back a::after {
    content: '';
    display: block;
    position: absolute;
}
.lineup-detail__colors__back a::before {
    bottom: 3px;
    left: 0;
    width: 34px;
    height: 1px;
    background: #006994;
}
.lineup-detail__colors__back a::after {
    bottom: 6px;
    left: -5px;
    width: 8px;
    height: 8px;
    border-right: solid 1px #006994;
    transform: rotate(40deg);
}
@media screen and (min-width : 768px) {
    .lineup-detail__colors__back {
        margin: 10rem 0 3rem;
    }
    .lineup-detail__colors__back a {
        margin-top: 1rem;
    }
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}

/* 絞り込み結果が該当なしの場合 */
#search_result {
    display: block;
    text-align: center;
    padding: 6rem 0 4rem;
}
@media screen and (min-width : 768px) {
    #search_result {
        padding: 8rem 0 0;
    }
}

/* series-feature-alga__exp */
.series-feature-air-img-row {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    max-width: 1040px;
    margin: 3rem auto 6rem;
    padding: 4rem 3rem 3rem;
    background: #F5F6F7;
}
@media screen and (min-width : 768px) {
    .series-feature-air-img-row {
        display: flex;
        flex-flow: row;
        gap: 3rem;
        justify-content: center;
        margin: 6rem auto 6rem;
        padding: 5rem 4rem 5rem;
    }
    .series-feature-air-img-row > div {
        flex: 0 1 48%;
    }
}