/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://wp-themes.com/wp-bootstrap-starter
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress WP Bootstrap Starter child theme.
Template: wp-bootstrap-starter
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: wp-bootstrap-starter-child
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(css/print.css);

body{
	color: #444 !important;
	font-size: 0.9rem !important;
	font-family: 'Noto Sans JP', sans-serif !important;
    line-height: 2.0rem !important;
}

#page{
    background-image: url('/wp-content/uploads/bg.png');
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    /*background-position: top 530px center !important;
    background-size: 1700px  !important;*/
    background-position: top 1600px center !important;
}

#content.site-content {
    padding-top: initial !important;
    padding-bottom: 0 !important;
}

header#masthead {
    background-image: url('/wp-content/uploads/header_bg.png');
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #fff !important;
    height: initial !important;
    padding-top: 4em;
    box-shadow: initial !important;
}

[role="button"] {
    cursor: pointer;
}


section#Breadcrumb {
    padding-left: 10px !important;
    font-size: 0.7rem  !important;
    padding-bottom: 10px !important;
}
section#Breadcrumb span a{
    text-decoration: none !important;
    color: #3f3f3f !important;
}

.info_list > li:nth-child(odd) {
    background-color: #e1f0ff !important;
    border-radius: 20px;
}

body{
    color: #3f3f3f;
}

/* main slider */
#page-sub-header{
    padding-top: 1rem !important;
}

#page-sub-header.container{
    width:1200px;
}

#page-sub-header #lightSlider .main_news_item {

    border-radius: 30px;
    overflow: hidden;
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px !important;
    }
    section#sidebar {
        padding-top: 3rem;
    }
}

        /* ご注意 */
        .caution{
            border-left: 5px solid blue;
            border-color: #1282e0;
            padding-left: 20px;
            line-height: 180%;
        }



.side_articles {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.side_category {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side_link {
    max-width: 300px;
    overflow: hidden;
    text-overflow:
    ellipsis;
    white-space: nowrap;
}

.dlg_headermenu_bg{
    background: #1282e0;
    width: 1200px;
    height: 50px;
    border-radius: 42px 42px 42px 42px;
}

.dsm_headermenu_bg {
    background: #1282e0;
    width: 600px;
    height: 40px;
    border-radius: 42px 42px 42px 42px;
}


.dxs_headermenu_button {
    background: #1282e0;
    font-size: 14px;
    width: 250px;
    height: 40px;
    border-radius: 42px 42px 42px 42px;
}

.d_headermenu_select {
    background: #1282e0;
    font-size: 15px;
    width: 300px;
    height: 40px;
}

.dlg_footermenu_bg{
    background: #FFFFFF;
    width: 200px;
    height: 45px;
    border-radius: 42px 42px 42px 42px;
    font-size: 12px;
    color: #464646;
}

.dsm_footermenu_bg {
    background: #FFFFFF;
    width: 165px;
    height: 40px;
    border-radius: 42px 42px 42px 42px;
    font-size: 12px;
    color: #556877;
}

#footer-upper > div > li > a {
    display:block;
    width:100%;
}

p {
    text-align: left;
    line-height: 1.7rem;
}

h1.product_title {
}

h1.entry-title {
    font-weight: bold  !important;
    border-bottom: 1px solid #eaecef;
}

.h1, h1 {
    font-size: 1.5rem  !important;
}

.h2, h2 {
    font-size: 1.3rem !important;
    font-weight: bold;
}

.h3, h3 {
    font-size: 1.1rem !important;
    font-weight: bold !important;
}

.h4, h4 {
    font-size: 1rem !important;
}

.wp-block-button__link {
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    padding-right: 1em;
    padding-left: 1em;
}




/*
product

*/





/* 商品一覧 */
#products .products_buttons .dropdown-item.dropdown-active {
    background-color: #1282e0 !important;
    color: white !important;
}




ul {
    margin:0;
    padding:0;
}

li{
    /*list-style: none !important;*/
}

input#keyword {
    border-radius:20px;
    box-shadow: none;
    padding: 2px 8px;
}

input#keyword:focus {
    outline: none;
}


.img-thumbnail {

    border: 1px solid #58a9fb99 !important;
    border-radius: 1rem  !important;
}

.item-box {
    position: relative;
}

.item-box .icons {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;

    position: absolute;
    top: 0;
    left: 0;
}


h3,h2, .tab_side_title{
    color: #1282e0;;
}
#page h2.text-center, .side h3 {
    font-size: 1rem;
}

.recipe-tags{
    overflow-x: auto; white-space: nowrap;
}
.recipe-tags a{
    text-decoration: none;
}


    .color-pink {
        background-color: #ff7d9f;
    }
    .color-skyblue2 {
        background-color: #CCEAFD;
    }
    /* color */
    .color-blue {
        background-color: #53a6ff;
    }
    .color-skyblue {
        background-color: #80B8F6;
    }

    .color-purple {
        background-color: #a965de;
    }

    .color-orange {
        background-color: #ff7d5e;
    }

    .center-thumbs .lslide {
        margin: 0 auto;
    }

header .upper img{
    width:initial !important;
    height:initial !important;
}



.bg_bluestripe {
    background-color: #E3F0FD;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fff), color-stop(.75, #fff), color-stop(.75, transparent), to(transparent));
    background-size: 7px 7px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}


.tags span {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: 5px;
}

.tags a{
    text-decoration: none !important;
}

#heading {
    background-image: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/images/bg_title.png');
    background-position: right;
    background-repeat: no-repeat;
    background-color: #78BEFF;
    height: 90px;
}


.dlg_headermenu_bg {
    height: initial !important;
 }
 .nav-pills .nav-link {
     border-radius: initial;
 }
 .dlg_headermenu_bg {
     background: #1282e0 !important;
 }

 .nav-pills .nav-link nav ul li a {
 background: #1282e0;
 border-radius: 47px;
 }

 #navbarSupportedContent > ul > li > a {
     border-radius: 47px !important;
     font-size: 0.95rem !important;
 }

 #navbarSupportedContent > ul > li > a:focus, #navbarSupportedContent > ul > li > a:hover {
     background-color: #78beff !important;
     border-radius: 47px !important;
 }

 #navbarSupportedContent {
     border-radius: 47px;
 }

 .navbar-collapse {
     background: #1282e0 !important;
 }

 .navbar-nav > li > a {
     color: #FFFFFF !important;
 }

 .navbar-toggler:focus {
     box-shadow: none !important;
 }

 .navbar-toggler .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(18, 130, 224, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
 }

 @media screen and (min-width: 992px) {
    .navbar-nav {

        /* preview */

        /* border-radius */
        border-radius: 47px;

        /* box-shadow */
        box-shadow: 0px 6px 0px -2px #78beff;
    }

    .dropdown:hover>.dropdown-menu {
        display: block;
    }
    
    section#sidebar {
        padding-top: 2rem;
    }
 }

#navbarSupportedContent > ul > li > a {
    font-size: 1.1rem !important;
}

#header_area .dropdown-item{
    background: #1282e0 !important;
    font-size: 1rem;

}

.py-25 {
    padding-top: .65rem!important;
    padding-bottom: .65rem!important;
}

header img{
    max-width:initial !important;
}

.pp{
    margin-top: 0;
background-color: #fff;
border-radius: 30px;
padding: 35px;
margin-bottom: 1rem;
}
.pp .h3{
    color:#1282e0;
}


.tags {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.tags a {
    display: inline-block;
}

body #Breadcrumb a {
    color: #1282e0 !important;
}



.color-green {
    background-color: #36C9BB;
}

.recipe-item img {
    border-radius: 30px 30px 0 0;
}

.info-btn img{
    max-width:initial !important;
}


.scroll-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 100;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}

.sfsi_plus_widget {
    margin-right: 0 !important;
    padding: 5px !important;
}

.sfsiplus_norm_row {
    float: initial !important;
}

.sfsiplus_norm_row.sfsi_plus_wDiv {
    margin: 0 auto;
}


.footer-a a{
    font-size: 12px; color: #556877;
}

.header-link {
    color: #1282e0 !important;
    font-weight: bold !important;
    text-decoration: none;
}


.row .text-primary {
    color: #1282e0 !important;
}

.recipe-tags span.border-primary {
    border-color: #1282e0 !important;
}

.recipe-tags span.border-primary a {
    color: #1282e0 !important;
}


@media only screen and (max-width: 768px){
    body {
        font-size: 1.2rem !important;
        line-height: 2.4rem !important;
    }
    .type_box {
        width: 70%;
        font-size: 0.9rem;
    }

    .h2, h2 ,h3 , .h3{
        font-size: 1.5rem !important;
    }

    #js-scroll-top{
        display: none;
    }

        
    #sidebar-banner-related .h1 , #sidebar-sns .h1 , #sidebar-recipes .h1{
        font-size: 1.5rem !important;
        color: #1282e0;
        font-weight: 500 !important;
        line-height: 1.2;
    }

}

#sidebar-banner-related .h1 , #sidebar-sns .h1 , #sidebar-recipes .h1{
margin-bottom: 0 !important;
}

#sidebar-recipe-tags .tab_btn_style{
    width: initial !important;
}



.b_icon_design {
    border: solid;
    border-color: #78BEFF;
    border-width: 2px;
    color: #1282E0;
}


  /* 公式SNS */
  .sns_images img {
    width: 50px;
    padding: 3px;
    border-radius: 10px;
}

  /* recipe */
  .recipe_item p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #636363;
}

.recipe_item img {
    width: 100%;
    border-radius: 10px;
}

#recipe_banner img {
  border: 1px solid #78BEFD;
  border-radius: 10px;
}


#recipe_banner p {
    color: #636363;
    font-size: 0.8rem;
}



.recipe_tag span {
    display: inline-block;
    border: 1px solid #78BEFD;
    border-radius: 20px;
    padding: 0 10px;
    margin: 4px 0;
    font-weight: 500;
    color: #3982D9;
}

.recipe_tag_btn a {
    font-size: 0.7rem;
    padding: 0;
    width: 5rem;
}

.recipe_tag_btn_b a {
    font-size: 0.9rem;
    padding: 0;
}

/* バナ */
.side_banner img {
    width: 100%;
}

.side_banner_text {
    font-size: 0.8rem;
}

.side_banner_text p {
    line-height: 1.15rem;
}

.side_banner_text strong {
    line-height: 1.75rem;
}


.text_height {
    line-height: 1rem;
}

li.text-break.row.bgc-material.mb-1.rounded-pill.ps-4.pe-4.pt-2.pb-2 {
    border-radius: 45px !important;
    padding: 1.5rem 1rem !important;
}


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

.recipe-item img {
    border-radius: 15px 15px 0 0;
}

.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;
}


.right a{text-decoration: none !important;
    color: #464646 !important;}


    a.btn.btn-primary.tab_btn_style.position-absolute.top-0.end-0.mt-2 {
        color: #fff !important;
    }

    table, td, th, tr {
        /*border: 1px solid #969696 !important;*/
        padding: 5px 15px !important;
    }

    table th{
        white-space: nowrap;
    }    


table th,td {
    background-color: #fff;
}


footer a{
    text-decoration:none;
    font-size: 0.8rem;
    color: #464646;
}

.sidebar-banner {
    border: 1px solid #78BEFD;
    border-radius: 10px;
}


.sidebar-banner img{
    border: 1px solid #fff;
    border-radius: 10px;
}


.round_box {
    border-radius: 20px 20px 20px 20px !important;
    background-color: #fff !important;
}


figcaption {
    text-align: center !important;
}


.bg-yellow{
    background-color: #FFFFEE !important;
}

.bg-blue{
    background-color: #E1F0FF !important;
}



#sidebar-recipe-tags .side_recipe_tag_b a {

    display: inline-block;
    border: 1px solid #78BEFD;
    font-size: 0.65rem;
    border-radius: 20px;
    padding: 0 10px;
    margin: 3px 0;
    font-weight: bold !important;
    color: #3982D9 !important;

}


#sidebar-recipe-tags .motto{
    color:#fff !important; 
    border-radius:20px; 
    background-color: #1282E0; 
    border:0;
    font-size: 0.65rem !important;
}



body #sidebar-banner-related a, body #sidebar-banner-product a{
    display: block;
    line-height: 1.3rem !important;
    text-align: left;
}



body #sidebar-banner-related a {
    margin-bottom: 10px;
}

#sidebar p {
    line-height: 1.5rem;
}

.tags {
    text-align: left;
}


#logo-image{
    width:70%;
}

@media only screen and (min-width: 990px){
    #sidebar h3{
        font-size : 1rem !important;
    }

    #sidebar #side-a,#sidebar #side-b{
        padding:0px !important;
    }
}

@media only screen and (max-width: 989px){
    #sidebar #side-a{
        padding-top: 1.7rem !important;
        padding-right: 20px;
    }
    #sidebar #side-b{
        padding-left: 20px;
    }
    #sidebar #side-a h3.my-2.text-lg-start.text-center.h1 {
        margin-bottom: 1rem !important;
    }

    #sidebar #side-a h3,#sidebar #side-b  h3{
        font-weight:normal !important;
    }

        
    #logo-image{
        width:70%;
    }

    header#masthead {
        
    }

    .dsm_footermenu_bg{
        width: 300px !important;
        color: #464646 !important;
    }

    #heading{
        padding: 35px !important;
    }
}

@media only screen and (max-width: 768px){
    body #sidebar-banner-related a{
        line-height: 1.3rem !important;
        padding-bottom: 0.5rem;
    }
       
    #logo-image{
        width:70%;
    }

    header#masthead {
        background-size: 700px  !important;
    }
}


body:not(.theme-preset-active) footer#colophon {
    color: #464646 !important;
    background-color: #f7f7f7;
}
  

@media only screen and (max-width: 576px){
    #heading{
        padding: 18px !important;
        height:60px !important;
        background-size: 970px;
    }    
}




#nav-pc{
    display:block !important;
}

/* badges */
.badge_new {
    background-color: #53a6ff !important;
}

.badge_renewal {
    background-color: #E8859E !important;
}

.badge_limited {
    background-color: #36c9bb !important;
}

.news_under_line2 {
    bottom: 2;
    border-bottom: 1px solid #61aeed;
}



.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;
}

#sidebar-sns .icons img{
    max-width:50px;
}


.sns-icons img{
    width:50px;
}

#lightSlider li{
    list-style: none;
    
}

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