@charset "utf-8";
/*
 Theme Name:   storefront Child
 Template:     storefront
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 100%;
}

/*■■■サイト共通■■■*/
html{
    font-size: 14px;
    color: #4d4e53;
    background-color: #fff;
}
ul{
    list-style-type: none;
    padding: 0px;
}
a{ color: #5a63c9;}
a:hover{
    text-decoration: underline;
    color: #5aadc9;
}

h1.page-title{ font-size: 18px; }
h2.entry-title{ font-size: 16px;}


header#masthead{
    margin-bottom: 0px;
    padding: 10px 0 0 0;
    background-image: url(images/top_YflowerL.png),url(images/top_YflowerR.png),url(images/common/bg_stitch.png);
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position: left top,right top,bottom;
}

nav.secondary-navigation ul.menu{
    background-color: transparent;

}
nav.secondary-navigation ul li{
	 color: #fff;
}
nav.secondary-navigation ul.menu a{
	color: #2c2d33;
}

div.site-search { margin-bottom: 2em;}
div.site-search div.widget{
    margin:0;
}

header.site-header div.site-branding{margin-bottom: 1em;}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{
    width: 100%;
    position: relative;
    text-align: -webkit-center;
}
/* ロゴ */
@media screen and (max-width:400px) {
        header.site-header .custom-logo-link img{
            max-width: 170px;
        }
    }

/*　ランキング　*/
div.ranking_box {
    height: auto;
    overflow: hidden;
    width: 100%;
}
div.ranking_box h3{
    /* border-bottom: 2px solid #9E9E9E; */
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
div.ranking_box h3 span{
    /* border-bottom: 2px solid #5aadc9; */
    position: relative;
    top: 2px;
}
div.ranking_box h3 span img{
    width: 40px;
    margin: 0 10px 0 5px;
    display: inline-block;
}
div.ranking_box h6{
    margin:0;
}
div.ranking_box h6 img{
    height: auto;
    width: 40px;
}
div.ranking_box div.pimg{
   border: 1px solid #b5b7b5;
   width: 100%;
}

div.ranking_box div.pimg img{
    width: 215px;
    height: 215px;
   transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
div.ranking_box div.pimg img:hover{
    opacity: 0.8 ;
   animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
}
div.ranking_box div.woocommerce ul.products{
    height: auto;
    overflow: hidden;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
div.ranking_box div.woocommerce ul.products li.product{
    width: 30%;
    max-width: 215px;
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
    clear: none;
}
div.ranking_box div.woocommerce ul.products li.product:last-child{
    margin-right: 0;
}
div.ranking_box div.woocommerce ul.products li.product:nth-child(1)::before{
    content: '';
    display: inline-block;
    width: 100%; /*アイコン画像横サイズ*/
    height: 40px; /*アイコン画像縦サイズ*/
    background: url('images/common/point1.png') no-repeat;
    background-size: 40px;
}
div.ranking_box div.woocommerce ul.products li.product:nth-child(2)::before{
    content: '';
    display: inline-block;
    width: 100%; /*アイコン画像横サイズ*/
    height: 40px; /*アイコン画像縦サイズ*/
    background: url('images/common/point2.png') no-repeat;
    background-size: 40px;
}
div.ranking_box div.woocommerce ul.products li.product:nth-child(3)::before{
    content: '';
    display: inline-block;
    width: 100%; /*アイコン画像横サイズ*/
    height: 40px; /*アイコン画像縦サイズ*/
    background: url('images/common/point3.png') no-repeat;
    background-size: 40px;
}
div.ranking_box div.woocommerce ul.products li.product img.size-shop_catalog{
    /*min-width: 215px;
    min-height: 215px;
    max-width: 215px;
    max-height: 215px;*/
    width: 100%;
    border: 1px solid #b5b7b5;
}
div.ranking_box div.woocommerce ul.products li.product h3{
   border-bottom: none;
   font-size: 14px;
   text-align: left;
}
div.ranking_box div.woocommerce ul.products li.product a{
    color: #4d4e53;
    border-bottom: none;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
div.ranking_box div.woocommerce ul.products li.product a:hover{
    color: #5aadc9;
    background-color: #fff;
    animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
}

div.ranking_box div.woocommerce ul.products li.product a span.woocommerce-Price-amount{
    color: #c1364d;
    float: right;
}
div.ranking_box div.woocommerce ul.products li.product a span:hover{
    color: #c1364d;
    border-bottom: none;
}
div.ranking_box div.woocommerce ul.products li.product a.add_to_cart_button{
    color: #fff;
    background-color: #5aadc9;
    padding: 2px 15px;
    border: 1px solid #5aadc9;

    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
div.ranking_box div.woocommerce ul.products li.product a.add_to_cart_button:hover{
    color: #4d4e53;
    background-color: #fff;
    animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
}


div.ranking_box p.price{
    color: #c1364d;
    text-align: right;
}

@media screen and (max-width:767px) {
    div.ranking_box div.woocommerce ul.products li.product{
        width: 100%;
        float: none;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    div.ranking_box div.woocommerce ul.products li.product:last-child{
         margin-right: auto;
    }
}

/* BeeHiveショップについて */
div.about_box{
    height: auto;
    overflow: hidden;
    width: 100%;
    background-image: url(images/Yflower_footer.png),url(images/topBG_line_footer.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left,bottom;
    background-size: contain,100%;
}

div.about_box h3{
    /* border-bottom: 2px solid #9E9E9E; */
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
div.about_box h3 span{
    /* border-bottom: 2px solid #5aadc9; */
    position: relative;
    top: 2px;
}
div.ranking_box{
    height: auto;
    overflow: hidden;
    background-image: url(images/bg_texture.png);
    background-repeat:repeat;
    /* background-position: left top,right bottom; */

}
div.ranking_box ul{
    height: auto;
    overflow: hidden;
    background-image: url(images/Rflower.png),url(images/Rflower.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right bottom;
    background-size: 20%;

}
div.about_box li{
    width: 30%;
    float: left;
    margin-right:25px;
}
div.about_box li:last-child{
    margin-right: 0;
}
div.about_box li img{
    width: 70%;
    height: auto;
    backface-visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    margin: 0 auto;
}
div.about_box li img:hover{
    opacity: 0.8 ;
   animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
}

@media screen and (max-width:767px) {
    div.about_box li{
        width: 100%;
        float: none;
        margin-right:0px;
        margin: 0 auto;
        text-align: center;
    }
    div.about_box li img{
        width: 215px;
        margin: 0 auto;
    }
}

/* お知らせ */
div.news_box{
    height: 423px;
    overflow: hidden;
    width: 100%;
    background-image: url(images/topBG_flower.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
}
div.news_box h3{
    /* border-bottom: 2px solid #9E9E9E; */
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
div.news_box h3 span{
    /* border-bottom: 2px solid #5aadc9; */
    position: relative;
    top: 2px;
}
div.news_box h4{text-align: right;}
div.news_box h4 a span{
    color: #fff;
    background-color: #5aadc9;
    padding: 2px 30px;
    border: 1px solid #5aadc9;

    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;

}
div.news_box h4 a span:hover{
    color: #4d4e53;
    background-color: #fff;
    animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
}
div.news_box h4 a:hover{
    text-decoration: none;
}
div.news_box-s dl span{
    background-color: #d8231e;
    color: #fff;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 12px;
}
div.news_box-s dt{
    float: left;
    margin-right: 15px;
}

dt.newsday {
    border: 1px solid #f5d67a;
    background-color: #f5d67a;
    color: white;
    padding: 0px 15px;
}
div.news_box-s{
    width: 100%;
}

/*footer*/
div.pageUP-box{
    height: 40px;
    background-image: url(images/footer_bg.png);
    background-repeat: inherit;
    color: #fff;
    text-align: right;
    overflow: hidden;
    display: table;
    width: 100%;
}
div.pageUP-box p{
    width: 100px;
    max-width: 940px;
    padding-right: 5px;
    margin: 0 auto;
    float: right;
}
div.pageUP-box img{
    display: inline;
    float: left;
}
div.pageUP-box a{
    color: #fff !important;
    display: table-cell;
    vertical-align: middle;
}

div.widget{
    height: auto;
    overflow: hidden;
    margin: 10px 0;
}
div.site-info{
    padding: 1em 0;
    text-align: left;
    color: #fff;
}
footer div#nav_menu-2 li{
    float: left;
    margin-left: 3%;
}
footer div#nav_menu-2 li::before{
    content: '';
    display: block;
    float: left;
    width: 16px;
    width: 16px; /*アイコン画像横サイズ*/
    height: 20px; /*アイコン画像縦サイズ*/
    background: url('images/common/triange.png') no-repeat;
    background-size: 20px;
    opacity:1;
}
footer div#nav_menu-2 li a{
    text-decoration: underline;
}
footer#colophon{padding: 0;}
footer div.footer-widgets{
    padding-top: 0;
    border-bottom: none;
}

@media screen and (max-width:700px) {
    footer div#nav_menu-2 li{float: none;}
}



/* *商品詳細ページ* */
h1.product_title{font-size: 20px;}
.single-product div.product p.price{color: #c1364d;}


div.beehive-sidebar .widget .widget-title{
    border-bottom: 2px solid #9E9E9E;

}

.single-product div.product div.images{
    width: 100%;
    float:none;
}
.single-product div.product div.summary{
    width: 100%;
    float: none;
}
.single-product div.product span.single_Tcss{
    float: left;
}
div.woocommerce-tabs ul.tabs{
    margin-right: 4%;
    margin-left: 1px;
}
@media screen and (max-width:768px) {
    div.woocommerce-tabs ul.tabs{
        margin-right: 1px;
    }

}

img.attachment-shop_single{
    margin: 0 auto;
}


/* ログインページ */
.col2-set#customer_login div.col-1{
    float: none;
    width: 100%;
}
.col2-set#customer_login div.col-2{
    float: none;
    width: 100%;
}

h3.beeHive_h3{
    border-bottom: 2px solid #9E9E9E;
    font-size: 20px;
    font-weight: normal;
}
h3.beeHive_h3 span{
    border-bottom: 2px solid #5aadc9;
    position: relative;
    top: 2px;
}

form.login{
    width: 80%;
    margin: 0 auto;
}
form.login>p.form-row,
form.login>p.lost_password{
    text-align: right;
}
form.login label[for=username],
form.login label[for=password]{
    text-align: left;
}

form.register{
    width: 80%;
    margin: 0 auto;
}
/*■■■運営会社について■■■*/
.defaultlist
,.defaultlist li{
    padding:0px;
    margin:0px;
}

.defaultlist li{
    list-style-type:none !important;
    list-style-image:none !important;
    margin: 5px 0px 5px 0px !important;
}

.list5 li{
    position:relative;
    padding-left:20px;
}
.list5 li:before{
    content:'';
    height:0px;
    width: 90%;
    display:block;
    position:absolute;
    top:18px;
    left:0px;
    border-bottom: 1px dashed #aaa;
}
.list5 li:after{
    content:'';
    display:block;
    position:absolute;
    background:#aaa;
    width:5px;
    height:5px;
    top:7px;
    left:5px;
    border-radius: 5px;
}

/*■■■運営会社についてEND■■■*/

/*■■■特定商取引について■■■*/
table.company {
    width: 932px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;

}

table.company th,
table.company td {
    padding: 10px;
    font-size: 15px;
}

table.company th {
    background: #5aadc9;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    border-spacing: 12px;
}

table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #5aadc9;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #5aadc9 10px solid;
        margin-top: -10px;
    }
}

table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}
/*■■■特定商取引についてEND■■■*/


/*リニューアルCSS2019*/

/* 記事一覧 */
div.entry-content h2{font-size: 18px;}

/*TOP heder*/
/* #woocommerce-product-search-field-0{
    display: none;
}
.secondary-navigation{
width: 12.826087%;
} */
.col-full{
    max-width: 100%;
    padding: 0;
}
header#masthead{
    box-shadow: #fff;
}
#site-navigation{
    width: 100%;
}
.storefront-primary-navigation{
    align-items: center;
    display: flex;
    width: 80%;
    margin: 0 auto;
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{
    width: 18%;
    position: absolute;
    right: 5px;
}

.primary-navigation ul::before{
    background-image: url(images/common/link_iconR.png);
}
.primary-navigation ul::after{
    background-image: url(images/common/link_iconR.png);
}
@media screen and (max-width:768px) {
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{
    float: right;
    width: 20%;
}
}

.nav_btn {
    background:transparent url(images/common/btn.png) no-repeat 0 0;
    display: block;
    width:35px;
    height: 35px;
    position: absolute;
    left:20px;
    cursor: pointer;
    z-index: 200;
}
.peke {
    background-position: -35px 0;
}
#secondary {
    display: none;
    background-color:rgb(255,255,255);
    position: absolute;
    left:0;
    width: 40%;
    padding:60px 0 20px 20px;
    z-index: 100;
    padding-bottom: 988px;
    margin-bottom: -988px;
    background-image: url(images/menu-Tflower.png),
                      url(images/menu-Bflower.png);
    background-repeat:no-repeat,
                      no-repeat;
    background-position: left top,
                         right bottom;

}
#secondary ul li {
    width:260px;
}
#secondary ul li a {
    color:#9E9E9E;
    display: block;
    padding: 15px;
}
#secondary div {
    max-width: 85%;
}
.foot{
    background-image: url(images/footer_bg.png),url(images/common/line.gif);
    background-repeat: inherit,no-repeat;
    background-position: bottom,bottom;
}
div#primary {
    width: 100%;
}
.top1{
    margin: 0 auto;
    max-width: 62%;
}
.top3{
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.boxbox{
    position: absolute;
    top: 30%;
    width: 100%;
    height: 70%;
}
.news_li{
    margin-bottom: 40px;
}
.page_nav{
    width: 100%;
    text-align: center;
    margin: 40px 0;
    background-image: url(images/line.gif),url(images/line.gif);
    background-repeat: no-repeat,no-repeat;
    background-position: top,bottom;
}
.nav_li{
    margin: 0 20px;
}
.storefront-primary-navigation:before, .storefront-primary-navigation:after {
	content: "";
	flex-grow: 1;
	border-top: 4px double #AAA;
	display: block;
}
.storefront-primary-navigation:before {
	margin-right: .4em;
}
.storefront-primary-navigation:after {
	margin-left: .4em;
}
.main-navigation ul li, .secondary-navigation ul li{
    position: relative;
    display: inline-block;
    text-align: left;
    margin: 0 40px;
}