.color-lightgreen {
    background-color: #38C8BB;
}

#product #iframe{
    width:100%;
    height:500px;
}
#product .info_list {
    padding: 0;
    font-size: 14px;
    margin-top: 20px;
}

#product .info_list>li {
    display: flex;
    list-style: none;
    padding: 8px 20px;
}

#product .info_list>li:nth-child(odd) {
    background-color: #8fbdfd;
    border-radius: 20px;
}


#product .icon_skyblue {
            background-color: #8ec7f5;
        }

#product .badge_radius {
            padding: 8px;
            border-radius: 25px;
            width: 7rem;
            font-weight: 500;
        }

#product .into-text {
            color: #3f3f3f;
            margin-left: 10px;
        }

#product .btn-size {
            width: 100%;
            border-radius: 20px;
        }

#product .btn-red {
            background-color: #e66363;
        }

#product .btn-blue {
            background-color: #5594e0;
        }


#product .btn-skyblue {
    background-color: #61aeed;
}

#product .btn-lightgreen {
    background-color: #38C8BB;
}

#heading{
    background-image: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/images/bg_title.png');
}

        /* news tap */
#product .tab_title {
            color: #61aeed;
            font-size: 1.25rem;
            font-weight: 600;
        }

#product .tab_icon {
            margin-top: 3px;
            margin-right: 5px;
            width: 24px;
            height: 24px;
        }

#product .news_box {
    border: 1px solid #61aeed;
    border-radius: 20px;
    background-color: white;
    overflow: hidden;
}

#product .news_list {
            height: 260px;
            overflow-x: hidden;
            overflow-y: scroll;
        }

#product .news_list a,
#product .news_list a:hover,
#product .news_list a:visited {
            text-decoration: none;
        }

#product .news_title {
            font-size: 0.75rem;
            color: #3f3f3f;
        }

#product .news_type_news {
            background-color: #61aeed;
            font-weight: 500;
        }

#product .news_type_product {
            background-color: #fa667f;
            font-weight: 500;
        }

#product .news_type_recipe {
            background-color: #b370e7;
            font-weight: 500;
        }

        /* category */
#product .category_title {
            background-color: #61aeed;
            color: white;
            width: 100%;
            padding: 8px 8px 8px 15px;
            border-radius: 20px 20px 0 0;
        }

#product .category_item {
            border-left: 1px solid #61aeed;
            border-right: 1px solid #61aeed;
            border-bottom: 1px solid #61aeed;
            width: 100%;
        }

#product .category_type_title {
            display: flex;
            justify-content: flex-end;
            cursor: pointer;
            height: 40px;
        }

#product .category_btn {
            width: 40px;
            background-color: #E1F0FF;
        }

#product .product_type_box>.category_item:last-child {
            border-radius: 0 0 20px 20px;
            overflow-y: hidden;
        }

#product .category_type_title span {
            display: block;
            padding: 5px;
            padding-left: 15px;
            font-size: 0.9rem;
            width: 90%;
        }

#product .category_item ul {
            margin: 0;
            font-size: 0.9rem;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s;
        }

#product .category_item ul.show {
            max-height: 1000px;
            transition: all 1s;
        }

#product .category_item li:last-child {
            margin-bottom: 5px;
        }

#product .category_item i {
            margin-right: 5px;
            color: #61aeed;
        }

#product .category_item a {
            color: black;
        }

        /* sns */
#product .sns_images {
            width: 100%;
        }

#product .sns_images img {
            width: 50px;
            padding: 3px;
            border-radius: 10px;
        }

        /* recipe */
#product #recipeSlider li {
            background-color: #E1F0FF;
            border-radius: 15px;
        }

#product #recipeSlider h4 {
            font-size: 1rem;
            border-radius: 0 0 15px 15px;
            color: white;
            margin: 0;
            padding: 10px 5px;
            background-color: #61aeed;
        }

#product #recipeSlider a {
            text-decoration: none;
        }

        /* associated_product */
#product .associated_product_box .item_box img {
            border-color: #61aeed;
            border-radius: 15px;
        }

#product .product_icon_box {
            top: -10px;
        }

#product .icon_badges_mini {
            display: inline-block;
            font-size: 0.9rem;
            color: white;
            padding: 1px 8px;
            border-radius: 25px;
}

#product .item_box a {
            color: #3f3f3f;
            text-decoration: none;
        }

#product .caution {
            border-left: 5px solid #1282E0;
}

.news_under_line {
    width: 90%;
    left: 5%;
    bottom: 0;
    height: 2px;
    border-bottom: 1px solid #61aeed;
}

.lSPager {
    margin-top: 30px !important;
    width: 100% !important;
    display: flex;
    justify-content: center;

}


.lineheight-pside {
    line-height: 1.5rem;
}

.image_box {
    border-radius: 15px;
    overflow: hidden;
}

.image_box div {
    background-color: black;
    opacity: 0.55;
    color: white;
    width: 100%;
    font-size: 0.9rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.25rem;
}

@media screen and (max-width: 768px) {
    .image_box div {
        line-height: 2rem;
    }
    .description {
        margin-top: 2rem;
    }
}

span.d-block {
    color: #777;
}

a {
    z-index: 5;
    text-decoration: none;
}


li.lslide.active {
    text-align: center !important;
}

.d-block.series {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0;
    margin-top: 0.2rem;
    color: #777;
}

.d-block.series, .d-block.name {
    text-align: left;
    line-height: 140%;
    margin-bottom: 0.2rem;
}



@media screen and (max-width: 991px) {
 
    .description {
        margin-top: 2rem;
    }
}

li{
    list-style: none;
}


.lSPager > li {
    margin: 0 10px !important;
}

.print-view {
    display: none;
}