/*
Theme Name: Hestia Child
Theme URI: https://reiki-hikari.com/
Template: hestia
Author: Arcturus
Author URI: https://reiki-hikari.com/
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.2.11.1752839092
Updated: 2025-07-18 20:44:52

*/

body, h1, h2, h3, div, p, span, strong {
	font-family: "Noto Serif JP", serif, Meiryo, "メイリオ", "Osaka" !important;
/***
	font-weight: normal !important;
	font-style: normal !important;
***/
}

.navbar-brand {
	font-family: "Playfair Display", serif !important;
}



/*** SNSアイコン設置ショートコードのCSS ***/
.sns-icons {
    display: flex !important; /* テーマのスタイルをオーバーライド */
    gap: 15px; /* アイコン間の間隔 */
    flex-wrap: wrap; /* レスポンシブ対応 */
}

/* 配置 */
.sns-align-left {
    justify-content: flex-start !important;
}
.sns-align-center {
    justify-content: center !important;
}
.sns-align-right {
    justify-content: flex-end !important;
}

/* アイコンサイズ */
.sns-size-32 {
    width: 32px !important;
    height: 32px !important;
}
.sns-size-40 {
    width: 40px !important;
    height: 40px !important;
}
.sns-size-48 {
    width: 48px !important;
    height: 48px !important;
}

/* アイコン画像のスタイル */
.sns-icon {
    object-fit: contain;
    transition: opacity 0.3s ease;
    max-width: none !important; /* テーマのmax-width:100%を無効化 */
}
.sns-icon:hover {
    opacity: 0.8;
}

/* レスポンシブデザイン */
@media (max-width: 600px) {
    .sns-icons {
        gap: 10px;
    }
    .sns-size-48 {
        width: 40px !important;
        height: 40px !important;
    }
    .sns-size-40 {
        width: 32px !important;
        height: 32px !important;
    }
    .sns-size-32 {
        width: 28px !important;
        height: 28px !important;
    }
}