@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 移植元サイト(makura.co.jp)のヘッダースタイルを適用 - 最強詳細度 */
html body div#body_wrap header.hdr[style*="z-index"] nav.hdr__nav ul.hdr__nav_list li a,
html body div#body_wrap header.hdr nav.hdr__nav ul.hdr__nav_list li a,
html body div#body_wrap .hdr .hdr__nav_list a,
div#body_wrap header.hdr nav.hdr__nav ul.hdr__nav_list li a,
div#body_wrap .hdr .hdr__nav_list a {
    color: rgb(72, 145, 128) !important;
    text-decoration: none !important;
}

/* hdr__nav2（枕の計測を予約する、オンラインショップ）は元のカラーを維持 */

/* ホバー時の色も統一（hdr__navのみ） */
html body div#body_wrap header.hdr nav.hdr__nav ul.hdr__nav_list li a:hover,
html body div#body_wrap .hdr .hdr__nav_list a:hover,
div#body_wrap header.hdr nav.hdr__nav ul.hdr__nav_list li a:hover,
div#body_wrap .hdr .hdr__nav_list a:hover {
    color: rgb(60, 120, 105) !important;
    text-decoration: none !important;
}

/* さらに詳細度を高めた追加指定（hdr__navのみ） */
html body div#body_wrap.l-container header.hdr .hdr__nav_list a {
    color: rgb(72, 145, 128) !important;
    text-decoration: none !important;
}

/* フッターフォントサイズを移植元に合わせて調整 */
.ftr .ftr__nav_list a,
.ftr .ftr__nav_ttl,
.ftr .ftr__copyright,
.ftr .ftr__sns a {
    font-size: 14px !important;
}

/* フッターナビゲーションタイトルのサイズ調整 */
.ftr .ftr__nav_ttl {
    font-size: 16px !important;
    font-weight: bold !important;
}

/* フッター上部パネルのスタイル調整（移植元に合わせる） */
.ftr .ftr__alphapanel p {
    font-size: 20px !important;
    color: #ffffff !important;
    line-height: 2.5 !important;
    margin-bottom: 25px !important;
}

.ftr .ftr__alphapanel .c-btn.c-btn--ghost {
    font-size: 16px !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    padding: 0px 30px !important;
    display: inline-block !important;
    font-weight: bold !important;
    text-align: center !important;
    margin-top: 5 !important;
}

/* フッターオンラインショップボタンのフォントカラーを移植元に合わせる */
html body div#body_wrap .ftr .c-btn.c-btn--redBorder,
.ftr .ftr__wrap .c-btn.c-btn--redBorder {
    color: rgb(229, 101, 139) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

#content {
	z-index: unset;
}

.ftr__fixexNav--sp {
	z-index: 99999 !important;
}
.ftr__fixexNav--sp .-apply {
	width: 100% !important;
}