/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.1.1745286966
Updated: 2025-04-22 10:56:06

*/

/*　NEW ADD BY SNOWPINE */
/*　全体 */
@media screen and (max-width: 480px){
	 /*　for iPhone Landscape　(iPhone 縦)　*/
	body {
		font-family: 'Slabo 13px', serif;
	}
	.entry-content .products li {
		 float: left;
		  width: 50%;
		padding: 5px;
	 }
		/* table */
	/* 特定商取引法に基づく表記 */
	.table_type01 {
		font-size: 70%;
	  border-collapse: collapse;
	  width: 100%;
	}
	.table_type01 th, .table_type01 td {
	  border-bottom: 2px solid #c1c7c6;
	  padding: 1em;
	}
	.table_type01 th {
	  border-bottom: 2px solid #4d9bc1;;
	  font-weight: bold;
	  text-align: center;
	  width: 20%;
	  min-width: 4em;
	}
}
@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/
	body {
	  font-family: 'Slabo 16px', serif;
	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
	body {
        font-family: 'Slabo 20px', serif;
    }
	
}
@media screen and (min-width:1024px) {
    /*　for PC　*/
     body {
        font-family: 'Slabo 24px', serif;
    }
	/* account */
	.account_container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.account_child {
		width:50%;
	}
}
@media screen and (min-width:768px) {
	  /*　for PC　*/
	 /*　for iPad 　*/
	.site-header .col-full {
		display: flex;
	}
	/* Site Logo */
	.site-header .site-branding {
		width: 33%!important;
		order: 1;
	}
	/* site-search */
	.site-header .site-search {
	    width: 34%!important;
	    order: 2;
	}
	.woocommerce-product-search {
		border-radius: 40px;
		overflow: hidden;
		display: flex;
		flex-direction: row-reverse
	}
	.woocommerce-product-search input {

		border-radius: 0 40px 40px 0;
		border-left: 0
	}
	.woocommerce-product-search button:before {
		content: "seach";
		font-family: "Arial";
		text-align: center;
		display: inline-block;
		font-size: 15px;
	}
	.woocommerce-product-search button {
		font-size: 0px;
		background-color: #fafafa;
		color: #666666;
		border: 1px solid #cccccc;
		border-right: 0;
		border-radius: 40px 0 0 40px;
	}
	/* secondary-navigation */
	.site-header .secondary-navigation {
		width: 33%!important;
    	order:3;
	}
	/* table */
	/* 特定商取引法に基づく表記 */
	.table_type01 {
	  font-size: 80%;
	  border-collapse: collapse;
	  width: 100%;
	}
	.table_type01 th, .table_type01 td {
	  border-bottom: 2px solid #c1c7c6;
	  padding: 1em;
	}
	.table_type01 th {
	  border-bottom: 2px solid #4d9bc1;;
	  font-weight: bold;
	  text-align: center;
	  width: 20%;
	  min-width: 4em;
	}
}
/*　共通 */
#masthead.site-header {
	margin-bottom: 0;
}
/*　Top Menu */
.sf-top-bar {
   text-align: center;
   padding: 0.2em 0;
   background: #0c2456;
   font-size: .8rem;
   color: white;
}
/*　見出し */
.midashi {
	border-top: 0px;
	font-size:16px;
	font-weight: bold;
	border-left: 3px solid #E07487;/*左線*/
	border-bottom:0px;
	padding: .5em .7em;/*余白*/
	color: #323232;
}
/*　買い物箱 */
.badge:after{
	content:attr(value);
	font-size:12px;
	color: #fff;
	background: red;
	border-radius:50%;
	padding: 0 5px;
	position:relative;
	left:-8px;
	top:-10px;
	opacity:0.9;
}
/*　site-footer */
.site-footer {
	padding: 0;
}
/*　footer-widgets */
.footer-widgets {
	margin-top: 10px;
	padding: 0;
}
/*　footer-widgets a */
.footer-widgets a {
	text-decoration: none;
	font-size: .8rem;
}
/*　onsale */
.woocommerce span.onsale{
    min-height:3.236em;
    min-width:3.236em;
    padding:.202em;
    font-size:1em;
    font-weight:700;
    position:absolute;
    text-align:center;
    line-height:3.236;
    top:-.5em;
    left:-.5em;
    margin:0;
    border-radius:100%;
    background-color:#77a464;
    color:#fff;
    font-size:.857em;
    z-index:9
}