★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ 育毛ページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .c_content_text{ text-align: center; } .ikuke_row01 .mashike_h2 h2 { font-size: 50px; font-weight: 300; line-height: 1.4; } .ikuke_row01 .mashike_text01 { font-size: 25px; margin-top: 40px; font-weight: 300; line-height: 2; letter-spacing: 0.03em; } /* 流れ */ .flow-box{ position: relative; border: 1px solid #b4a289; margin: 70px 60px 0; padding: 30px; } .ikuke_row02 .flow-box:not(:last-of-type)::before{ position: absolute; content: "▼"; color: #b4a289; font-size: 15px; bottom: -51px; left: 50%; margin-left: -11px; } .flow-box h3{ font-size: 24px; color: #fff; font-weight: 500; padding-bottom: 30px; } /* 料金 */ .ikuke_row03 h3{ font-size: 37px; font-weight: 400; text-align: center; } .price_text{ font-size: 34px; font-weight: 300; text-align: center; } .ikuke_row03 .iku_keprice_box:not(:first-of-type){ border-top: 1px solid #b4a289; padding: 30px 0 0; margin: 30px 160px 0; } .ikuke_row03 .first_price{ font-size:34px; text-align: center; } .ikuke_row03 .first_price span:first-of-type{ font-size: 32px; border: 1px solid #b4a289; width: 72px; display: inline-block; line-height: 34px; padding: 0 0px 5px 3px; position: relative; top: 14px; left: -10px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .c_content_text { color: #7c7c7c; } .ikuke_row01 .mashike_h2 h2 { font-size: 6.7vw; font-weight: 300; line-height: 1.4; } .ikuke_row01 .mashike_text01 { font-size: 4vw; margin-top: 5vw; font-weight: 300; line-height: 1.5; letter-spacing: 0.03em; } /* 流れ */ .flow-box{ position: relative; border: 1px solid #b4a289; margin: 10vw 6vw 0; padding: 4vw; } .ikuke_row02 .flow-box:not(:last-of-type)::before{ position: absolute; content: "▼"; color: #b4a289; font-size: 5vw; bottom: -9.7vw; left: 50%; margin-left: -3vw; } .flow-box h3{ font-size: 4.2vw; font-weight: 500; padding-bottom: 3vw; } /* 料金 */ .ikuke_row03 h3{ font-size: 5vw; font-weight: 400; text-align: center; } .price_text{ font-size: 5vw; font-weight: 300; text-align: center; } .ikuke_row03 .iku_keprice_box:not(:first-of-type){ border-top: 1px solid #b4a289; padding: 6vw 0 0; margin: 3vw 6vw 3vw; } .ikuke_row03 .first_price{ font-size: 6vw; text-align: center; } .ikuke_row03 .first_price span:first-of-type{ font-size: 4vw; border: 1px solid #b4a289; width: 11vw; display: inline-block; line-height: 1.2; padding: 0 0 3px 1px; position: relative; top: 1vw; left: -1vw; } } /* ================================================================================ 美髪ページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .c_content_text{ text-align: center; color: #7c7c7c; } .bike_row01 .mashike_h2 h2 { font-size: 50px; font-weight: 300; line-height: 1.4; } .bike_row01 .mashike_text01 { font-size: 25px; margin-top: 40px; font-weight: 300; line-height: 2; letter-spacing: 0.03em; } /* 画像 */ .bi_kami_img{ position:relative; } .bi_kami_img img { position: absolute; top: -10px; z-index: 1; left: 90px; } /* 流れ */ .flow-box{ position: relative; border: 1px solid #b4a289; margin: 70px 60px 0; padding: 30px; } .ikuke_row02 .flow-box:not(:last-of-type)::before{ position: absolute; content: "▼"; color: #b4a289; font-size: 15px; bottom: -51px; left: 50%; margin-left: -11px; } .flow-box h3{ font-size: 24px; color: #b4a289; font-weight: 500; padding-bottom: 20px; line-height: 1.4; } /* 料金 */ .ikuke_row03 h3{ font-size: 37px; font-weight: 400; text-align: center; } .ikuke_row03 .open_title h3{ font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif; text-align: center; font-size: 60px; color: #d5c7b4; font-weight: 300; letter-spacing: 0.03em; } .price_text{ font-size: 34px; font-weight: 300; text-align: center; } .ikuke_row03 .iku_keprice_box:not(:first-of-type){ border-top: 1px solid #b4a289; padding: 30px 0 0; margin: 30px 160px 0; } .ikuke_row03 .first_price{ font-size:34px; text-align: center; } .ikuke_row03 .first_price span:first-of-type{ font-size: 32px; border: 1px solid #b4a289; width: 72px; display: inline-block; line-height: 34px; padding: 0 0px 5px 3px; position: relative; top: 14px; left: -10px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .bike_row01 .mashike_h2 h2 { font-size: 6.7vw; font-weight: 300; line-height: 1.4; } .bike_row01 .mashike_text01 { font-size: 4vw; margin-top: 5vw; font-weight: 300; line-height: 1.5; letter-spacing: 0.03em; } /* 流れ */ .flow-box{ position: relative; border: 1px solid #b4a289; margin: 10vw 4vw 0; padding: 6vw; } .ikuke_row02 .flow-box:not(:last-of-type)::before{ position: absolute; content: "▼"; color: #b4a289; font-size: 5vw; bottom: -9.7vw; left: 50%; margin-left: -3vw; } .flow-box h3{ font-size: 4.2vw; font-weight: 500; padding-bottom: 3vw; line-height: 1.4; } /* 料金 */ .ikuke_row03 h3{ font-size: 5vw; font-weight: 400; text-align: center; color: #b4a289; } .ikuke_row03 .open_title h3 { font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif; text-align: center; font-size: 10vw; color: #d5c7b4; font-weight: 300; letter-spacing: 0.03em; } .price_text{ font-size: 5vw; font-weight: 300; text-align: center; } .ikuke_row03 .iku_keprice_box:not(:first-of-type){ border-top: 1px solid #b4a289; padding: 6vw 0 0; margin: 3vw 6vw 3vw; } .ikuke_row03 .first_price{ font-size: 6vw; text-align: center; } .ikuke_row03 .first_price span:first-of-type{ font-size: 4vw; border: 1px solid #b4a289; width: 11vw; display: inline-block; line-height: 1.2; padding: 0 0 3px 1px; position: relative; top: 1vw; left: -1vw; } }