@charset "utf-8";
/* コラーゲン版トップ（home_lp_collagen.php）だけの色：ブルーをピンクに（ベージュ・金・茶はそのまま） */
#mv { background-image: url(../img/top/mv_bg_pink.webp); }
#nav ul li a { background-image: url(../img/top/nav_arrow_pink.png); }
@media screen and (max-width: 750px) {
	#mv { background-image: url(../img/top/mv_bg_s_pink.webp); }
}
.blue { color: #D0608A; }
.bg_blue { background-color: #D0608A; }
.bg_gblue { background: linear-gradient(#EE93B0 0%, #E07D9D 60%, #CF6A8B 100%); }
.bg_gblue2 { background: linear-gradient(#F3A9C0 0%, #E894AE 60%, #D57E9A 100%); }
.bg_sky, .table-container tr:nth-child(even), #cont10_book { background-color: #FBF1F4; }
#cont10_book { background-image: url(../img/top/cont10_bg_pink.png); }
.table-container th { background: #E08AA5; }
footer { background-color: #F1CAD6; }
#topbtn { background-color: #D0608A; }
#btnmenu span, #btnmenu span:before, #btnmenu span:after { background: #B4507A; }
.comment-metadata, .comment-metadata a { color: #D0608A !important; }

/* スマホ下部の書籍バナー（さりげなく細め） */
#bottom_nav .book_bnr { width: 100%; }
#bottom_nav .book_bnr a { display: flex; align-items: center; gap: 3vw; padding: 1.6vw 9vw 1.6vw 4vw; line-height: 1.3; font-size: 4vw; font-weight: 700; color: #8A3A5C; background: #FFF7FA; border-top: 2px solid #E08AA5; opacity: 1; box-shadow: none; text-align: left; }
#bottom_nav .book_bnr .book { position: static; width: 9vw; transform: none; flex: none; filter: drop-shadow(0 1px 2px rgba(0,0,0,.2)); }
#bottom_nav .book_bnr .txt small { display: block; font-size: 3vw; font-weight: 500; color: #B4507A; }
#bottom_nav .book_bnr .arrow { width: .8em; right: 4vw; }
/* 言語切替（左下）がバナーに重ならないよう、スマホでは少し上に */
@media (max-width: 750px) { .gtranslate_wrapper > div[style*="fixed"], .gtranslate_wrapper > div { bottom: calc(17vw + 10px) !important; } }
/* パソコン：コラーゲンちゃんが見出し・本文に重ならないよう、右の余白（.inner の padding-right）の中に収める */
@media (min-width: 751px) { #mv .inner > figure { width: min(21vw, 310px); right: 0; transform: translate(12%, -42%); } }