@charset "UTF-8";
/*
Theme Name: Storefront Child
Author: SHION LTD.
Author URI: 
Version: 1.0.0
Description: Storefront Child Theme
Template: storefront
Tags: e-commerce
*/

/* 子テーマ作成参考URL */
/* https://colors-themes.com/info/storefront-child/ */

/* 日本語表示を整える */
body {
	position: relative;
	margin: 0;
	text-align: left;
	overflow-x: hidden;
	background: #ffffff;
	font-size: 16px;
	line-height: 2;
	color: #333333;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Yu Gothic', '游ゴシック Medium', sans-serif;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	line-height: 1.4;
	color: inherit;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.5rem;
}
h1 { font-size: 1.6rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.3rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1.1rem; }

/* Bootstrap4 Compatibility */
.footer-widgets.col-1,
.footer-widgets.col-2,
.footer-widgets.col-3,
.footer-widgets.col-4 { max-width: 100%; }

/* Logo Image */
/* ロゴ画像がぼやけたり、ロゴ画像の右スペースがクリック対象となっているのを修正 */
.site-branding a.custom-logo-link { display: inline-block; }
/* ヘッダーの空白を狭くする */
.site-header {
    padding-top: 1.0em;
}
.site-branding {
    margin-bottom: 0;
}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 1em 1em;
}
.site-header-cart .cart-contents {
    padding: 1em 0;
}

/* 2023.10.2 フッターカラー変更（グラデーション） */
footer.site-footer {
    background: linear-gradient(90deg, rgba(228,0,127,1) 0%, rgba(29,32,136,1) 50%, rgba(228,0,127,1) 100%);
    padding:1.6em 0 1.6em 0;
    color: rgba(255,255,255,0.9);
    padding: 1em 0 0 0;
}
.site-footer a:not(.button):not(.components-button) {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}
.site-footer a:not(.button):not(.components-button):hover {
    color: rgba(255,255,255,0.6);
    text-decoration: underline;
}
footer.site-footer p,
footer.site-footer div.site-info {
    text-align: center;
    padding: 0;
}