/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: Collne Inc
Template: welcart_basic
Version: 1.0.0
*/

body {
    color:#333333
}
/*フッターヘッダーのカラー変更*/
header #site-navigation input#panel.on-off + div.nav-menu-open,body #masthead #site-navigation .header-nav-container,#colophon{
    background-color:#0ac7bc
}
body header #site-navigation input#panel.on-off + div.header-nav-container{
        background-color:#0ac7bc
}
/*トップバナーの大きさ*/
/*@media screen and (min-width: 62.5em){
    .main-image img{
        width:95%;
        margin-left: -100px;
        margin-right: -100px;    
    }
}*/
/*トップバナー表示非表示*/
@media screen and (max-width: 400px){
    body #main #primary #content .sof uh2{
        margin-top:0px;
        margin-bottom:0px;
        padding-bottom:0px
    }
    .main-image img{
        display:none 
    }
    .onlypc{
        display: none
    }
}
@media screen and (min-width: 401px){
    .onlysp{
        display:none 
    }
}
/*ショップアイコンの幅*/
h1.site-title img,div.site-title img{
    max-width:280px
}
/*アクティブボタンカラー*/
body #site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a{
    background-color: #0b8470
}
/*カートの中のカラー*/
.snav .incart-btn a{
   background-color:#f77e6b
}
.snav .incart-btn .total-quant{
   color:#f77e6b
}
/*ログインボタンカラー*/
.loginbox #loginformw #member_loginw{
    background-color:#f77e6b
}
/*アイコンを消す*/
#secondary .widget .widget_title>img{
    display:none
}
body #main #primary #content h2{
    font-family:'Zen Maru Gothic', sans-serif;
    font-size: 1.142857em;
    border-bottom:none;
    margin-bottom: 1.25em;
    margin-top:1.6em;
    padding-bottom: 0.312502em;
    line-height: 1.25em;
}
/*お勧めアイテム*/
.clearfix{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between
}
.thumbnail_box{
    width:23.5%
}
.thumbnail_box img{
    width:100%;
    height:auto
}
@media screen and (max-width: 400px){
    .thumbnail_box{
    width:49%
}
}
/*営業日カレンダー*/
.widget_welcart_calendar th{
    background-color:#777777
}
.widget_welcart_calendar .businessday{
    color:#333333;
    background-color:#fbbeb5
}
/*ショッピングカートボタンカラー*/
#main .send input.to_customerinfo_button, #main .send input.to_memberlogin_button, #main .send input.to_deliveryinfo_button, #main .send input.to_confirm_button, #main .send input#purchase_button,#wc_customer .send input.to_reganddeliveryinfo_button{
   background-color:#f77e6b
}